use-dynamic-geul
is hook for easily run typing effect witih dynamic values.
function useDynamicGeul(initial: string,options: UseDynamicGeulOptions,): UseDynamicGeulReturn;
initial
#Initial value that displayed before typing.
UseDynamicGeulOptions
#option | type | description |
---|---|---|
speed | number | Speed of typing effect (ms) |
decomposeOnBackspace | boolean | undefined | Whether to have the effect of separating consonants when backspace |
UseDynamicGeulReturn
#member | type | description |
---|---|---|
geul | string | Typed value |
isRunning | boolean | Running status of the geul instance |
run | (value: string) => void | funtion that start typing effect with received value |
reset | () => void | funtion that reset typing effect |
decomposeOnBackspace
#value:
options:
- speed: 50
- initial: ""
- decomposeOnBackspace:undefined
result:
decomposeOnBackspace
#value:
options:
- speed: 50
- initial: ""
- decomposeOnBackspace:true
result: