import { ShuffleButton } from "@/components/ui/shuffle-button"
export function ShuffleButtonDemo() {
return <ShuffleButton>Hover Me</ShuffleButton>
}
pnpm dlx shadcn@latest add https://badtz-ui.com/r/shuffle-button.json
import { ShuffleButton } from "@/components/ui/shuffle-button";<ShuffleButton>Hover Me</ShuffleButton>For the best effect, we recommend using a monospace font or applying a fixed width.
ShuffleButton props.
| Prop | Type | Default |
|---|---|---|
children | React.ReactNode | - |
className? | string | - |
angle? | number | 90 |
particleCount? | number | 75 |
startVelocity? | number | 35 |
spread? | number | 70 |
On This Page