a11y/registry
← All components

Button

Pill-shaped button with baked-in brand variants: default (green bg, white text, shadow, primary focus ring), secondary (white bg, green text), nav (bordered, for carousel/navigation controls), outline, ghost, destructive, and link. WCAG 2.4.7 compliant focus indicators per variant.

Install

npx shadcn add a11y/button

npm Dependencies

  • class-variance-authority
  • radix-ui

Registry Dependencies

Files

  • componentregistry/a11y/button/button.tsx

Preview & Source