Docs
Hover Card

Hover Card

For sighted users to preview content available behind a link.

Component Source Primitive Reference (Radix Svelte)

Installation

	npx shadcn-svelte add hover-card

	npx shadcn-svelte add hover-card

Usage

	<script lang="ts">
  import {
    HoverCard,
    HoverCardContent,
    HoverCardTrigger
  } from "$components/ui/hover-card";
</script>

	<script lang="ts">
  import {
    HoverCard,
    HoverCardContent,
    HoverCardTrigger
  } from "$components/ui/hover-card";
</script>

	<HoverCard>
  <HoverCardTrigger>Hover</HoverCardTrigger>
  <HoverCardContent>SvelteKit - Web development, streamlined</HoverCardContent>
</HoverCard>

	<HoverCard>
  <HoverCardTrigger>Hover</HoverCardTrigger>
  <HoverCardContent>SvelteKit - Web development, streamlined</HoverCardContent>
</HoverCard>
Dialog Input