Button
Raised retro button with a hard shadow that collapses on press.
Installation
npx shadcn@latest add @vinyl/buttonUsage
import { Button } from '@/components/ui/button';
<Button>Play</Button>
<Button variant="outline">Eject</Button>
<Button glitch>Glitch on hover</Button>
<Button asChild><a href="/tracks">Tracks</a></Button>API
| Prop | Values | Default |
|---|---|---|
variant | default secondary destructive outline ghost link | default |
size | default sm lg icon | default |
glitch | boolean: RGB split on hover/focus (web only) | false |
asChild | Render as the child element (web only) | false |
The press effect uses motion-reduce:transform-none on the web.