Components
Text
Components
Text
A dynamic text component for rendering header tags, customizable for static or Framer Motion animated displays.
Default
Staggered
Fade In
Props
Shared
| Name | Type | Description | Default |
|---|---|---|---|
text | string, string[] | The text to be displayed inside the text component | "" |
className | string | Add custom styles to the text component | "" |
variant | h1, h2, h3, h4, h5, h6, p | Type of HTML tag to render the text component as | h1 |
animation | staggered, fade-in | Define the animation to render | undefined |
Staggered
| Name | Type | Description | Default |
|---|---|---|---|
once | boolean | Controls whether you want to initiate the animation everytime the component is in the view | true |
repeatDelay | number | Define a delay to run the animation in a loop | undefined |
Fade In
| Name | Type | Description | Default |
|---|---|---|---|
delay | number | Delays the animation of the text | 0 |
duration | number | How long the animation should take to complete | 0.5 |