A text animation with marker-like highlighting
npx shadcn@latest add "https://optiqui.com/r/text-highlight"
| Prop | Type | Description | Default |
|---|---|---|---|
| opacity | number | opacity of highlight layer | - |
| rotate | number | Tilt of highlight layer | - |
| delay | number | Delay of drawing highlight layer | - |
| direction | number | Draw highlight from left to right or from right to left | - |
| Prop | Type | Description | Default |
|---|---|---|---|
| text | string | Text to get highlighted | - |
| customOverlays | highlightLayerType[] | Custom highlight layers | - |
| textClassName | string | Additional classNames applied to text | - |
| highlightClassName | string | Additional classNames applied to highlight layers | - |
| waitTillInView | boolean | Don't run animation until in view | true |