buttons

CtaBrutal

Brutalist call-to-action button with multiple variants.

npx chaos add cta-brutal

PREVIEW

USAGE

import { CtaBrutal } from '@/components/chaos/buttons/cta-brutal';

<CtaBrutal>TAKE ACTION</CtaBrutal>
<CtaBrutal variant="gold" glitch size="lg">SUBSCRIBE</CtaBrutal>
<CtaBrutal href="/signup" fullWidth shake>JOIN NOW</CtaBrutal>

PROPS

PropTypeDefault

childrenButton content

ReactNode-

variantVisual variant

"default" | "outline" | "gold" | "inverse""default"

sizeButton size

"sm" | "md" | "lg" | "xl""md"

iconIcon element

ReactNode-

iconPositionIcon position

"left" | "right""right"

fullWidthFull width button

booleanfalse

glitchEnable glitch effect

booleanfalse

shakeEnable shake animation

booleanfalse

loadingLoading state

booleanfalse

disabledDisabled state

booleanfalse

hrefLink URL (renders as anchor)

string-