Hover Card

Reveal contextual detail on hover or focus.

Examples

Install the package, then import only the components a route uses. Exports are tree-shakable.

Install

pnpm add fractalsvelte

Import

<script lang="ts">
	import { HoverCard } from 'fractalsvelte';
</script>

<script lang="ts">
	import { HoverCard } from 'fractalsvelte';
</script>

<HoverCard label="@fractalsvelte">A UI library for SvelteKit.</HoverCard>

Prop	Type	Default	Description
`label`	`string`	`-`	Accessible label for the trigger.