Docs
Hover Card

Hover Card

For sighted users to preview content available behind a link.

Loading...

Installation

	npx shadcn-svelte@latest add hover-card

Usage

	<script lang="ts">
  import * as HoverCard from "$lib/components/ui/hover-card";
</script>

<HoverCard.Root>
  <HoverCard.Trigger>Hover</HoverCard.Trigger>
  <HoverCard.Content>
    SvelteKit - Web development, streamlined
  </HoverCard.Content>
</HoverCard.Root>