← DOCS
fantasy

Prophecy

Revealing prophecy text with character-by-character reveal animation.

npx chaos add prophecy

PREVIEW

THE PROPHECY...

USAGE

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

<Prophecy>The chosen one shall rise...</Prophecy>
<Prophecy revealSpeed="slow" loop onComplete={handleComplete}>
  Darkness falls, heroes rise...
</Prophecy>

PROPS

PropTypeDefault
childrenThe prophecy text to reveal
string-
revealSpeedSpeed of character reveal
"slow" | "medium" | "fast" | "instant""medium"
ancientFontUse ancient/deteriorated font style
booleantrue
startDelayDelay before revelation starts (ms)
number500
loopLoop the revelation animation
booleanfalse
onCompleteCallback when revelation completes
() => void-