Studiov1.2.3

Button

Tier 1 shadcn primitive

Actions

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

Live preview

Switch variants and viewport widths without leaving the detail page.

Variants

Select a registered variant for preview comparison.

10 states

CSS variable	Studio token	Surface
--primary	md.sys.color.primary	Fill
--primary-foreground	md.sys.color.on-primary	Text
--secondary	md.sys.color.secondary	Fill
--secondary-foreground	md.sys.color.on-secondary	Text

Props

Variantdefault

variant

Sizedefault

size

Disabledfalse

disabled

Disabled

Code

Copy the current live prop configuration.

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

export function Example() {
  return <Button />;
}