Buttons
Default Buttons
Predefined button styles, each serving its own semantic purpose.
Disabled Buttons
Predefined button styles, each serving its own semantic purpose.
Rounded Buttons
Predefined button styles, each serving its own semantic purpose.
Disabled Rounded Buttons
Predefined button styles, each serving its own semantic purpose.
Outline Buttons
Predefined button styles, each serving its own semantic purpose.
Disabled Outline Buttons
Predefined button styles, each serving its own semantic purpose.
Light Buttons
Predefined button styles, each serving its own semantic purpose.
Rounded Light Buttons
Predefined button styles, each serving its own semantic purpose.
Button Sizes
Fancy larger or smaller buttons Add .btn-lg or .btn-sm for additional sizes.
Width Buttons
Fancy larger or smaller buttons Add .w-xs or .w-sm or .w-md or .w-lg for width.
Block Level Buttons
Fancy larger or smaller buttons Add .btn-lg or .btn-md or .btn-sm with .btn-block for additional sizes.
Button with Icons
A basic button with added icons.
Button Groups
Group a series of buttons together on a single line with the button group.
Dropdown Buttons
A button variant for using only icons.
Icon Buttons
A button variant for using only icons.
Radio Buttons
A button variant by using Radio Group.
Checkbox Buttons
A button variant by using Checkbox Group.
Button Toolbar
Combine sets of button groups into button toolbars.
Loading Button
Add .btn-loader to use a loading state on a button. The width of the button depends on the length of the text inside. Since the loading spinner is implemented using the element.
