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