Button Colors
SmartAdmin includes nine predefined button styles, each serving its own
semantic purpose.
Default
Rounded
Unique style
Block Buttons
Create block level buttons—those that span the full width of a parent—by
adding
.btn-block
Option Sizes
Alter button sizes by using the classes
.btn-lg,
.btn-sm, .btn-xs
Largest size
Default size
Small size
Smallest size
Button with Icons
We use the icon tags to insert icons into buttons
Button Outlines
Replace the default modifier classes with
.btn-outline-*
Outline
Rounded outline
Unique style
Block Outlines
Block buttons inherits outline button properties
.btn-outline-*
Option Sizes
Alter button sizes by using the classes
.btn-lg,
.btn-sm, .btn-xs
Largest size
Default size
Small size
Smallest size
Button with Icons
We use the icon tags to insert icons into buttons