buttons

DeeperButton

Deep descent call-to-action button.

npx chaos add deeper-button

PREVIEW

USAGE

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

<DeeperButton>GO DEEPER</DeeperButton>
<DeeperButton variant="gold" pulsing>DESCEND</DeeperButton>
<DeeperButton href="/abyss" glitchOnHover>ENTER THE VOID</DeeperButton>

PROPS

PropTypeDefault

childrenButton content

ReactNode-

variantVisual variant

"default" | "gold" | "outline" | "ghost""default"

sizeButton size

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

showArrowShow arrow

booleantrue

pulsingEnable pulse animation

booleanfalse

glitchOnHoverEnable glitch on hover

booleanfalse

iconLeftLeft icon

ReactNode-

iconRightRight icon

ReactNode-

hrefLink URL (renders as anchor)

string-