← DOCS
buttons

ChaosButton

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

npx chaos add chaos-button

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { ChaosButton } from '@oalacea/chaosui/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"