Button
Triggers an action or event. Four variants, three sizes, keyboard-friendly focus ring.
Usageimport { Button } from "./Button";
1import { Button } from "./Button";2 3<Button>Save changes</Button>Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).
Props
| Prop | Type | Default |
|---|---|---|
| variant | primary | outline | ghost | danger | primary |
| size | sm | md | lg | md |
| disabled | boolean | false |
| children | string | Save changes |