Buttons
Lorem ipsum dolor sit amet, consectetur adipisicing elitColor States
Checkout color states of all buttons on popover to buttons
Basic Buttons
Buttons
Use the button classes on an <a>
, <button>
, or <input>
element.
Rounded buttons
Add .btn-round
to default button to get rounded corners.
Square Buttons
Add .btn-square
to default button to get square corners.
Skew Buttons
Add .btn-skew
to default button to get skew Buttons.
Buttons With Icon
Use <i class="icofont icofont-star">
inside button to add icon.
Border Buttons
Use Class btn-outline-*
inside button to make Border Button.
Buttons Dropdown
Buttons with split dropdown with icon
Icon Button
Use <i class="icofont icofont-star">
inside button to add icon.
Icon Border Buttons
Use Class btn-outline-*
inside button to make Border Button.
Group Buttons
Use btn-xlg, btn-lg, btn-md, btn-sm, btn-mini
inside class to use different size button.