Button Component

Button Component

The Button component provides a flexible, accessible button implementation with full theme integration and multiple style variants.

Interactive Demo

Loading Storybook story...

Features

• Theme Integration: Fully integrated with the Sparkle theme system
• Accessibility: WCAG 2.1 AA compliant with proper focus management
• Multiple Variants: Primary, secondary, outline, and ghost styles
• Size Options: Small, medium, and large sizes
• Interactive States: Hover, focus, active, and disabled states

Component API

The Button component accepts all standard HTML button props plus additional styling props.

Usage

import {Button} from '@sparkle/ui'

export function MyComponent() {
  return (
    <Button variant="primary" size="md">
      Click me
    </Button>
  )
}