Button
Default Buttons
Use the button classes on an <a>,
<button>, or
<input> element.
Rounded Buttons
Add .btn-rounded to default button to get rounded
corners.
Outline Buttons
Use a classes .btn-outline-** to quickly create a
bordered buttons.
Outline Rounded Buttons
Add .btn-rounded to default button to get rounded
corners.
Soft Buttons
Use a classes .btn-soft-** to quickly create buttons
with soft background.
Soft Rounded Buttons
Add .btn-rounded to default button to get rounded
corners.
Buttons Labels
Add class .brand-btn along with class .btn
and any icon inside it. If you want to put icon on left side then add class
.brand-icon in <div>. For right side icon Add class
.brand-btn-right along with class .btn
Rounded Button Label
Add .btn-rounded to default button to get rounded
corners.
Button Width
Create buttons with minimum width by adding add
.width-xs, .width-sm,
.width-md, .width-lg or .width-xl.
Button Sizes
Add .btn-lg, .btn-sm, or
.btn-xs for additional sizes.
Button Disabled
Add the disabled attribute to
<button> buttons.
Icons Buttons
Button Icons
Icon only button.
Block Buttons
Create block level buttons,with by adding add .btn-block.
