layout

VoidFrame

Decorative frame with corner ornaments.

npx chaos add void-frame

PREVIEW

✦

USAGE

import { VoidFrame } from '@/components/chaos/layout/void-frame';

<VoidFrame>
  <h2>Framed Content</h2>
  <p>Content inside the frame</p>
</VoidFrame>
<VoidFrame variant="blood" cornerStyle="ornate" glow>Special Frame</VoidFrame>

PROPS

PropTypeDefault

childrenFrame content

ReactNode-

variantColor variant

"gold" | "bone" | "blood" | "iron" | "cyan""gold"

cornerStyleCorner style

"simple" | "extended" | "ornate""simple"

glowAdd glow effect

booleanfalse

paddingPadding size

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