Usage
import { HighlightedText } from "@/registry/components/highlighted-text/highlighted-text";
<HighlightedText>Label</HighlightedText>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | ||
className? | string | ||
from? | From | "bottom" | Side the marker sweeps in from. |
delay? | number | 0 | Seconds before the sweep. |
inView? | boolean | false | Wait until the text scrolls into view. |
once? | boolean | true |
When to use
Emphasising a phrase inside a headline or paragraph.
When not to use
Long passages or many highlights per screen.