Studiov0.6.0

Button

Tier 1 — shadcn
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