buttons

ChaosButton

Chaotic button with debris, glitch slices, and ghost layers.

npx chaos add chaos-button

PREVIEW

USAGE

import { ChaosButton } from '@/components/chaos/buttons/chaos-button';

<ChaosButton>CHAOS</ChaosButton>
<ChaosButton chaos="extreme">DESTROY</ChaosButton>
<ChaosButton variant="broken">BROKEN</ChaosButton>

PROPS

PropTypeDefault

childrenButton content

ReactNode-

chaosChaos level

"mild" | "medium" | "extreme""medium"

variantButton variant

"solid" | "outline" | "broken""solid"

accentColorAccent color

string"#ff0040"