Empty

Explain an empty state and offer the next step.

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 { Empty } from 'fractalsvelte';
</script>

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

<Empty />

Prop	Type	Default	Description
`title`	`string`	`-`	The heading shown in the surface.
`description`	`string`	`-`	Supporting text shown beneath the title.
`variant`	`'dashed' \| 'outline' \| 'muted'`	`'dashed'`	Controls the empty-state surface treatment.