Back
Shiny Button
Satu Visual ComponentNew
A button with a light sweep that glides across on hover.
Installation
Add it with the CLI:
Terminal
$
Or open the Code tab above and copy it in manually — it relies on the standard cn() helper from @/lib/utils.
Usage
Drop it in anywhere you'd use a normal button — it forwards all native button props (onClick, type, disabled…). The sweep runs purely on hover with no JS.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Button label / content. |
| className | string | — | Extra classes, merged with cn(). |
| ...props | ButtonHTMLAttributes | — | All native <button> props. |