Docs
Hover Card

Hover Card

For sighted users to preview content available behind a link.

Loading...

Installation

	npx svell@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>

Built & designed by shadcn. Ported to Svelte by netronk. The source code is available on GitHub.