Button Variants
Primary, secondary, ghost, and destructive button styles with various states.
Primary
Main call-to-action buttons. Use for the most important actions.
Secondary
Supporting actions. Use alongside primary buttons.
Ghost
Minimal buttons for tertiary actions or navigation.
Destructive
For dangerous or irreversible actions like delete.
With Icons
Buttons with leading or trailing icons for added context.
Button Groups
Related actions grouped together.
Loading States
Indicate in-progress actions with loading indicators.
Full Width
Buttons that span the full container width.