← DOCS
text

FlickerText

Text that flickers randomly like a broken neon sign.

npx chaos add flicker-text

PREVIEW

FLICKER

USAGE

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

<FlickerText>SIGNAL LOST</FlickerText>
<FlickerText speed="erratic">UNSTABLE</FlickerText>
<FlickerText minOpacity={0.5}>DIMMING</FlickerText>

PROPS

PropTypeDefault
childrenThe text to display
string-
speedFlicker speed
"slow" | "normal" | "fast" | "erratic""normal"
minOpacityMinimum opacity during flicker
number0
hoverOnlyOnly flicker on hover
booleanfalse