Context
Same migration as #81 (loewen-digital/sveltekit-ai-starter-template#4) — replacing a bespoke design system with @webtides/element-library.
We're missing an "empty state" placeholder component: a centered message shown in place of a list/collection when it has no items, with an optional call-to-action button.
Request
- Element: el-empty-state
- Attributes:
message (string), action-label (string, optional)
- Event: an
empty-state-action CustomEvent when the action is activated (so the host wires the actual behavior), or a default/action slot so consumers can drop in their own el-button
- Reads --el-color-fg-muted and the shared spacing tokens so it matches a themed page with no extra CSS
Workaround
Keeping our existing bespoke EmptyState.svelte (a Tailwind-styled div, reusing our Button wrapper for the action) in the template for now, marked as an UPSTREAM workaround referencing this issue.
Context
Same migration as #81 (loewen-digital/sveltekit-ai-starter-template#4) — replacing a bespoke design system with @webtides/element-library.
We're missing an "empty state" placeholder component: a centered message shown in place of a list/collection when it has no items, with an optional call-to-action button.
Request
message(string),action-label(string, optional)empty-state-actionCustomEvent when the action is activated (so the host wires the actual behavior), or adefault/actionslot so consumers can drop in their own el-buttonWorkaround
Keeping our existing bespoke EmptyState.svelte (a Tailwind-styled div, reusing our Button wrapper for the action) in the template for now, marked as an UPSTREAM workaround referencing this issue.