Feedback
EmptyState
A zero-data placeholder for tables, dashboards, and search results that came back empty. Centered icon + title + description + optional action, framed with a dashed border to distinguish it from a real card.
Basic
No webhooks yet
Outbound HTTP deliveries will show up here once you add one.
With an action
Start with a schema
Schemas describe the shape of your content. Posts, pages, products: pick a name and add fields.
With a component icon
Pass a Svelte snippet via iconSnippet to render a component (like a Lucide icon)
instead of an emoji string. iconSnippet takes precedence over icon when
both are set. The caller sizes the icon, at ICON.lg (20px): the rung for an icon
alone in its box. See Sizing.
No results
Try adjusting your search or filter.
Heading level
The title is an h3 by default, for an empty list inside a section that has its own h2. On a page
whose only other heading is its h1, pass level={2}, so a screen reader does
not meet a jump from h1 to h3. The title looks the same at either level. SectionHeading names its
levels the same way.
No webhooks yet
Outbound HTTP deliveries will show up here once you add one.
API
| Prop | Type | Default | Description |
|---|---|---|---|
title required | string | no default | Headline, rendered as an h3 unless level says otherwise. |
level | 2 | 3 | 3 | The heading level of the title. Pass 2 on a page whose only other heading is its h1. |
description | string | no default | One-paragraph subtitle in muted text. |
icon | string | no default | A short string drawn as the icon, inside a soft circle. |
iconSnippet | Snippet | no default | Custom icon component (e.g. a Lucide icon). Takes precedence over icon. |
action | Snippet | no default | Footer slot for a CTA (typically a Button). |
children | Snippet | no default | Optional extra body content rendered below the description. |
class | string | no default | Extra classes on the wrapper. |