← DOCS
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"