Studiov0.6.0

Button

Tier 1shadcn
Actions

The primary interactive element. Supports 6 variants and 4 sizes with full keyboard and screen reader support.

Live Preview

Code

import { Button } from "@regen/ui";

<Button />

Variants

Default
Secondary
Outline
Ghost
Destructive
Link
Small
Large
Disabled

Props Inspector

default
default
false

Documentation

Use Cases

  • Form submission
  • Triggering actions
  • Navigation CTAs
  • Destructive confirmations

Do

  • Use variant='destructive' for irreversible actions
  • Use size='icon' for icon-only buttons with aria-label

Don't

  • Don't use link variant for external links — use an <a> tag
  • Don't disable without explaining why