Buttons
A comprehensive collection of button components with various styles, sizes, and interactive states. Built for modern web applications.
Button Variants
Different visual styles for various use cases and contexts.
Button Sizes
Three size variants to fit different layout needs and hierarchy.
Icon Positions
Flexible icon positioning for better semantic meaning and navigation.
As Links
Button components can function as links for navigation and external resources.
Button States
Loading, disabled, and icon-only states for enhanced user experience.
Best Practices
Visual Hierarchy
Use primary buttons for main actions, secondary for supporting actions
Clear Actions
Use descriptive labels that clearly indicate what will happen
Proper Spacing
Maintain consistent spacing between buttons for better usability