WavyText — wavy-text

PREVIEW

WAVY

USAGE

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

import { WavyText } from '@oalacea/chaosui/text/wavy-text';

<WavyText>WAVY</WavyText>
<WavyText amplitude={10} frequency={2}>INTENSE</WavyText>
<WavyText direction="horizontal">SIDE TO SIDE</WavyText>

PROPS

PropTypeDefault

childrenThe text to display

string-

amplitudeWave height in pixels

number5

frequencyNumber of wave cycles

number1

speedAnimation duration in seconds

number2

directionWave direction

"vertical" | "horizontal""vertical"