Buttons Use custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.
Button Colors
Axs WebApp 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