Pixel Game Button
A complex 3D pixel-art button with particles, scanlines, and high customizability.
Installation
npx shadcn-vue@latest add https://raya-ui.com/registry/pixelated-button.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| hue | number | 350 | Base hue (0-360) for the button theme. |
| label | string | 'START' | Main text label (can also use default slot). |
| subLabel | string | 'GAME' | Smaller subtitle text below the main label. |
| scale | number | 1 | Scales the entire button and particles up or down. |
| showParticles | boolean | true | Whether to show the floating background particles. |
Slots
| Slot | Description |
|---|---|
| default | Main label content (overrides `label` prop). |
| subtitle | Subtitle content (overrides `subLabel` prop). |
| icon-left | Replaces the left-side icons. |
| icon-right | Replaces the right-side icons. |
Inspired by 'wolf_3808'