Button
Default
Gradient Button
Outline
Square Button
use .btn-square in class .btn class to get square
button
Disabled Button
use .disabled in class .btn class to get Disabled
button
Rounded Button
use .btn-rounded in class .btn class to get Rounded
button
use .btn-rounded in class .btn-outline-* class to
get Rounded Outline button
Glow Button
use .btn-glow in class .btn class to get Glow
button
Shadow Button
use .shadow-{ 1 / 2 / 3 / 4 / 5 } in class .btn
class to get Shadow button
Sizes [ Large ]
use .btn-lg in class .btn class to get Large button
Sizes [ Small ]
use .btn-sm in class .btn class to get Small button
Checkbox Button
Radio Buttons
Button With Icon
Outline Icon Buttons
Only Icon
Outline Icon
Icon Button Rounded
Icon Outline Button Rounded
Basic Dropdown Button
Split Dropdown Button
Basic Outline Dropdown Button
Split Outline Dropdown Button
Basic Icon Dropdown
Outline Icon Dropdown
Basic Rounded Icon Dropdown
Outline Rounded Icon Dropdown
Basic Button Group
Button Toolbar
Button Toolbar Size
use .btn-group-lg in class
.btn-group class
to get Large size button group
this is default size
use .btn-group-sm in class
.btn-group class
to get Small size button group