
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.