Docs / Components / Text Generate Effect
Text Generate Effect
A text component with a blur effect when it comes into view.
Ifyoucleanavacuumcleaner,youbecomeavacuumcleaner
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add text-generate-effect
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | 'If you clean a vacuum cleaner, you become a vacuum cleaner' | The text to display. |
| children | string | 'If you clean a vacuum cleaner, you become a vacuum cleaner' | The text to display. |
| className | string | '' | Additional CSS classes. |
| delay | number | 0 | Delay before the animation starts. |
| wordDelay | number | 0 | Delay between words. |
| once | boolean | true | Whether the animation should only play once. |