Shine Button
A button with a traveling paper sheen — direction, duration, intensity and ember tint are all tunable. Forever mode loops the sweep.
Draw
npx shadcn@latest add @clow/shine-buttonPlayground
props
<ShineButton>Open the book</ShineButton>Examples
basic
Props
| prop | type | default |
|---|---|---|
| children | text | Open the book |
| variant | default | glow | outline | soft | default |
| size | sm | md | lg | md |
| ember | boolean | false |
| direction | ltr | rtl | ttb | btt | ltr |
| duration | number | 750 |
| intensity | number | 0.55 |
| forever | boolean | false |