Button

Markdown for agents

A clickable button component with variants for different visual styles and sizes.

npx slipstream-ui@latest add button
Playground
Variants

Props

PropTypeDefaultDescription
variant'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link''default'Visual style variant
size'default' | 'sm' | 'lg' | 'icon''default'Size variant
disabledbooleanfalseDisables the button

Accessibility

  • Full keyboard navigation with Enter and Space keys
  • Screen reader support with proper ARIA attributes
  • Disabled state is properly announced
  • Visible focus indicator for keyboard users