Highlight
Search results that show their work: the matching words glow, the rest stays calm.
Example
astro-ink ships ink tokens
<Highlight text="astro-ink ships ink tokens" query="ink" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | Full text. |
query | string | - | Substring to mark. |
caseSensitive | boolean | false | Match case exactly. |
Accessibility
- Marks use the native
markelement: announced as highlighted text. - Highlighting is computed server-side: no layout shift on load.