
Navigation
Theme components
Form components
Apps
Documentation
Default buttons
Use the .btn
class for default buttons. Add the .btn-raised
for raised default buttons.
Outlined buttons
Use the .btn-outline-{color}
class for outlined buttons. Add the .btn-raised
for raised outlined buttons.
Outlined rounded buttons
Combine the .btn-rounded
with any of the .btn-outline-{color}
classes for outlined rounded buttons. Add the .btn-raised
for raised outlined rounded buttons.
Block level buttons
Use the .btn-block
class for block level buttons.
Floating action buttons
Add the .bmd-btn-fab
class for floating actions buttons.
Stacked icon buttons
Use the .btn-stacked-icon
for stacked icons.
Flat buttons
Use the .btn-flat-{color}
class for flat buttons. Add the .btn-raised
for raised flat buttons.
Rounded buttons
Add the .btn-rounded
class for rounded buttons. Add the .btn-raised
for raised rounded buttons.
Button sizes
Use the .btn-sm
or the .btn-lg
classes for additional button sizes.
Button states
Apply different states using .active
class or the disabled
attribute.
Icon buttons
Add an icon inside the .btn
to use icons with the buttons.