0.0.2 • Published 9 years ago
mask-bootstrap-ui v0.0.2
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
# install atma toolkit
npm install atma
# run server
atma server
# navigate `http://localhost:5777/examples/simple.html`
Test
npm test
:copyright: MIT - Atma.js Project