Component
EmptyState
The "nothing here yet" case, with a way out of it.
import { EmptyState } from '@loidolt/theme-svelte';
Example
No projects yet
Create one to get going.
| Name | Sheets |
|---|---|
No cut files yetImport a drawing to get started. | |
Notes
- An empty state without a next step is just a blank screen — give it an action.
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
title required | string | — | |
actions | Snippet | — | Buttons or links offering the next step. |
children | Snippet | — | |
class | string | — | |
description | string | — | What to do about it. An empty state without a next step is just a blank screen. |
headingLevel | HeadingLevel | 3 | |
icon | Snippet | — | Leading visual, sized by the consumer. |
ref bindable | HTMLDivElement | null | null |
Plus the attributes of HTMLAttributes<HTMLDivElement>, forwarded to the root element.