Hover Card

For sighted users to preview content available behind a link.

Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/hover-card.json

Usage

		<script lang="ts">
  import * as HoverCard from "$lib/components/ui/hover-card/index.js";
</script>
 
<HoverCard.Root>
  <HoverCard.Trigger>Hover</HoverCard.Trigger>
  <HoverCard.Content>
    SvelteKit - Web development, streamlined
  </HoverCard.Content>
</HoverCard.Root>