Button Styles
For proper styling, use one of the required contextual classes (e.g., .btn-grad or .btn-primary)
Button Outline
For proper styling, use .btn-outline
with base .btn
class
Button Gradient Outline
Use these classes to match gradient button with background .on-bg-light, .on-bg-light-alt, .on-bg-theme, .on-bg-theme-alt, .on-bg-theme-dark, .on-bg-theme-dark-alt
Button With Badge
Just add badge in side of a button.
Button Size
Add an extra class .btn-sm & .btn-md
for difrent sized button
Button Outline Size
Badge Styles
For proper styling, use one of the required contextual classes (e.g., .badge-primary)
- Primary
- Secondary
- Info
- Warning
- Success
- Danger
- Dark
- light
Badge Styles
For proper styling, use .badge-outline
with base .badge
class.
- Primary
- Secondary
- Info
- Warning
- Success
- Danger
- Dark
- light
Badge Size
Add an extra class .badge-xs & .badge-sm & .badge-md
for difrent sized button
- Badge
- Badge
- Badge
- Badge