002
Button
ActionNot clicked
Customize
Variant
Size
Disabled
Scramble
Code
<Button>Continue</Button>
Install
npx shadcn@latest add https://components.haedong.dev/r/button.json
Props
Extends the native button props. The scramble decode only applies when children is a plain string.
| Prop | Type | Description |
|---|---|---|
| variant | "outline" | "solid" | "ghost" | Resting look; hover inverts it. Defaults to "outline" (hairline box). |
| size | "sm" | "md" | Height 32px / 36px. Defaults to "md". |
| scramble | boolean | Replay the character-scramble decode on hover and when the label changes. Defaults to true. |
| disabled | boolean | Native disabled; dims to 40% and drops pointer events. |
| className | string | Extra classes for the button element. |