---
title: Highlight
description: A mark that sweeps in Google's blue highlight.
---

<Component path="google-ai-overview/examples/ai-overview-highlight" />

<RegistryInstall name="ai-overview-highlight" />

`AIOverviewHighlight` is a plain `mark`. With `active` it sweeps the highlight in on mount and sets the text in medium weight. Without it the highlight shows only while the `AIOverviewCitation` right after it is hovered or focused. Both are pure CSS.

## Used in

**[Google AI Overview](/blocks/google-ai-overview)**

A full recreation of Google's AI Overview with highlights, citation chips and a collapsible Show more.