Hover Card - shadcn-svelte

Installation

CLI
Manual

npx shadcn-svelte@next add hover-card

1

Install bits-ui

npm install bits-ui -D

2

Copy component code

Copy and paste the component source code into your project.

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>