← DOCS
text

LivingText

Text that appears, lives for a duration, dies character by character, and becomes a ghost revealed on hover.

npx chaos add living-text

PREVIEW

ALIVEGHOST

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { LivingText } from '@oalacea/chaosui/text/living-text';

<LivingText text="This text will fade away" lifetime={5000} />

PROPS

PropTypeDefault
textThe text to display
string-
lifetimeDuration in ms, 0 = typing time
number0
ghostOpacityBase opacity for ghosts (0-1)
number0.03
revealOpacityHover opacity for ghosts (0-1)
number0.15
revealDistancePixel distance for reveal
number150
showTimerShow timer display
booleantrue