Empty
A calm placeholder for blank states and zero-result screens.
The Empty Component
No launch notes yet
Create a release brief to track messaging, approvals, and go-live tasks.
Basic Usage
Code Snippet
<script lang="ts"> import { Button, Empty } from '$lib/components'; </script> <Empty title="No drafts yet" description="Start a new draft to prepare your next release." icon="document-text" > {#snippet action()} <Button>Create draft</Button> {/snippet} </Empty>Examples
Plain Variant
Use a lighter presentation inside cards, drawers, and compact surfaces.
No reviewers assigned
Invite a teammate to keep approvals moving before launch day.