Hover Card

A lightweight preview that appears on hover or focus.

The Hover Card Component

Hover customer preview

Basic Usage

Code Snippet

<script lang="ts">		import { HoverCard } from '$lib/components';	</script> 	<HoverCard text="Preview the latest launch summary.">		<span class="inline-flex rounded-full border border-app-border px-3 py-2 text-sm font-medium">			Hover for details		</span>	</HoverCard>

Examples

Text Only

Use the text prop for compact hints without custom markup.

Hover release note