Button

Buttons are used to perform actions that are called out and described by text, an icon, or both. There are also text-only buttons that are de-emphasized compared to a normal button.

Standard Buttons

The standard button component has five variants button-primary, button-secondary, button-success, button-danger, and button-warning

Outline Buttons

The outline buttons component has five variants button-outline-primary, button-outline-secondary, button-outline-success, button-outline-danger, and button-outline-warning

Primary Secondary Success Danger Warning

The Link button component has five variants link-primary, link-secondary, link-success, link-danger, and link-warning

Buttons with icon

The buttons with icon component has four variants button-primary-icon, button-secondary-icon, button-success-icon and button-danger-icon

Floating Buttons

A floating action button (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center.