mask-bootstrap-ui

Bootstrap Components

Components incapsulate the bootstraps markup to single reusable elements.

Raw bootstrap

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown Example
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
  </ul>
</div>

Dropdown element

Dropdown {
    @button > 'Dropdown Example'
    @items  {
        Item > 'Action'
        Item > 'Another action'
        Item > 'Something else here'
    }
}

Examples

• /examples

# install atma toolkit 
npm install atma
# run server 
atma server
 
# navigate `http://localhost:5777/examples/simple.html` 

Test

npm test

©️ MIT - Atma.js Project