Button

Use Bootstrap’s custom button styles for actions in forms,dialogs,and more with support for multiple sizes,states,and more.

Basic Buttons

Default

Use the .btn .btn-{color}classes.

PrimarySecondaryInfoWarningDangerSuccessLightDark
Rounded

Use a class .rounded-pillwith .btnclass to create round button.

PrimarySecondaryInfoWarningDangerSuccessLightDark

Buttons .btn-outline

Use the .btn .btn-outline-{color}classes.

PrimarySecondaryInfoWarningDangerSuccessLightDark

Button Sizes

Use the .btn-lgor .btn-smclasses.

SmallNormalLarge
SmallNormalLarge

Button States

Use the .disabledor .btn-progressclasses.

NormalDisabledProgress

Icon Button

Use the .iconand .icon-leftclasses.

DefaultPrimarySecondaryInfoWarningDangerSuccessLightDark

Only Icon Button

Use the .iconclass.

Sizes.

Button Group

Vertical Variation