Buttons
Solid Buttons
Default button styles
Outline Buttons
Buttons with outlined style
Additional Styles
Soft Buttons
Light background with colored text
Gradient Buttons
Buttons with gradient backgrounds
Button Sizes
Size Variations
Small, default, and large buttons
Block Buttons
Full-width button options
Buttons with Icons
Icon Buttons
Buttons with icons
Icon Only Buttons
Square and circle icon buttons
Square Icons
Circle Icons
Button States
Active & Disabled
Different button states
Active State
Disabled State
Loading States
Buttons with loading indicators
Button Groups
Basic Button Groups
Group buttons together
Button Toolbar
Combine groups into toolbars
Toggle Buttons
Checkbox Buttons
Toggle multiple options
Icon Toggle
Radio Buttons
Toggle single option
View Mode Toggle
Real-World Examples
Card Action Buttons
Common card footer patterns
Confirmation Dialog
Are you sure you want to delete this item? This action cannot be undone.
Form Actions
Save your changes or reset the form to its original state.
Social & Action Buttons
Common social media patterns