Inscription — inscription

PREVIEW

CARVED

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { Inscription } from '@oalacea/chaosui/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

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"