Text Type
|
Customize Text Type
Typing Speed75ms
Pause Duration1500ms
Props
| Property | Type | Default | Description |
|---|---|---|---|
| text | string | string[] | "" | Text content to be typed. Can be a string or array of strings for multiple lines |
| typingSpeed | number | 75 | Speed of typing in milliseconds |
| pauseDuration | number | 1500 | Duration to pause between lines in milliseconds |
| showCursor | boolean | true | Whether to show the blinking cursor |
| cursorCharacter | string | "|" | Character to use as the cursor |
| className | string | "" | Additional CSS classes to apply to the container |
| onComplete | () => void | - | Callback function called when typing animation completes |
| onLineComplete | (lineIndex: number) => void | - | Callback function called when a line completes typing |
Dependencies
gsap
Created with ❤️ by Cybershoora