← DOCS
decorative

Inscription

Carved stone text effect.

npx chaos add inscription

PREVIEW

CARVED

USAGE

import { Inscription } from '@/components/chaos/decorative/inscription';

<Inscription>MEMENTO MORI</Inscription>
<Inscription effect="deepCarved" variant="marble" bordered>CARVED IN STONE</Inscription>
<Inscription effect="ancient" cracked textured>ANCIENT TEXT</Inscription>

PROPS

PropTypeDefault
childrenText content
ReactNode-
effectCarving style
"carved" | "deepCarved" | "embossed" | "weathered" | "ancient" | "roman""carved"
variantStone color variant
"bone" | "marble" | "granite" | "obsidian" | "gold""bone"
sizeText size
"xs" | "sm" | "md" | "lg" | "xl""md"
texturedAdd stone texture overlay
booleanfalse
borderedAdd decorative border
booleanfalse
crackedAdd crack effect
booleanfalse
asHTML tag to render
"div" | "span" | "h1" | "h2" | "h3" | "h4" | "p""div"