Button
Default
use variant="*" props in component Button to get various button
Outline
use variant="outline-*" props in component Button to get various outline button
Square Button
use className="btn-square" props in component Button to get square button
Disabled Button
use disabled props in component Button to get disabled button
Rounded Button
use className="btn-rounded" props in component Button to get rounded button
Glow Button
use className="btn-glow" props in component Button to get glow button
Shadow Button
use className=".shadow-[ 1 / 2 / 3 / 4 / 5 ]" props in component Button to get shadow button
Sizes [ Large ]
use size="lg" props in component Button to get large button
Sizes [ Small ]
use size="sm" props in component Button to get small button
Checkbox Button
Radio Button
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 size="lg" props in component ButtonGroup to get large button toolbar
default toolbar size
use size="sm" props in component ButtonGroup to get small button toolbar