bits

Components

Hover Card

Enable sighted users to preview content behind a link.

Structure

	<script lang="ts">
  import { HoverCard } from "bits-ui";
</script>
 
<HoverCard.Root>
  <HoverCard.Trigger />
  <HoverCard.Content />
</HoverCard.Root>

	<script lang="ts">
  import { HoverCard } from "bits-ui";
</script>
 
<HoverCard.Root>
  <HoverCard.Trigger />
  <HoverCard.Content />
</HoverCard.Root>