Buttons allow users to take actions and make choices, with a single click.
The Primary Button description from Figma goes here
The Secondary Button description from Figma goes here
The Outline Danger Button description from Figma goes here
The Danger Button description from Figma goes here
The Dark Button description from Figma goes here
The Light Button description from Figma goes here
The Outline Secondary Button description from Figma goes here
Make it clear what this button does for the user.
Make it clear what this button does for the user.
Use at most two buttons in one group.
Attribute indicating if the element should be.
Use more than two words for call to action.
First letter of each sentence defaults to a capital letter.
Attribute indicating if the element should be.
Complete list of all CSS classes for the component.
| Name | Class |
|---|---|
| Primary Button | btn btn-primary |
| Secondary Button | btn btn-secondary |
| Custom Type Button | btn btn-custom-type |
| Danger Button | btn btn-danger |
| Dark Button | btn btn-dark |
| Light Button | btn btn-light |
| Outline Secondary Button | btn btn-outline-secondary |
| Small Button | btn btn-small |
| Medium Button | btn btn-medium |
| Large Button | btn btn-large |