To create a rounded button, use the .btn-rounded
class.
To create a 3D button, use the .btn-3d
class.
To create an outline button, use the .btn-outline
class.
Make an outline button colorless by adding the .btn-outline-colorless
class.
Make an outline button colorless and inverted by adding the .btn-outline-colorless-inverted
class.
To create a block level button, use the .btn-block
class.
Make buttons look inactive by adding the disabled
boolean
attribute to any <button>
element.
To show a loading indicator, add the .btn-loading
class to a .btn
element.
Add data-toggle="button"
to toggle a button’s active
state. If you’re pre-toggling a button, you must manually add
the .active
class and aria-pressed="true"
to
the <button>
.
Button styles can be applied to other elements, such as <label>
s,
to provide checkbox or radio style button toggling.
To use the bootstrap's button plugin, you need to require it:
require(['px-bootstrap/button']);
To use buttons, you need to include ui-bootstrap.js script:
<script src="path/to/js/ui-bootstrap.js"></script>