Leerzustand (Empty State) — component.empty-state

Componentv1.1.0Statusweb.documentweb.applicationdesktop.shellbuilder.preview

Beispiele

Leere Suche mit zwei Aktionen

Keine Projekte gefunden

Deine Suche „Q3-Report" ergab keine Treffer. Versuche einen anderen Begriff oder lege ein neues Projekt an.

Eigenschaften

Prop	Typ	Default
`icon`	string	`"search"`
`title *`	string	`—`
`text`	string	`""`
`ctaLabel`	string	`""`
`cta2Label`	string	`""`
`spacing`	string: default \| none \| sm \| md \| lg \| xl	`"default"`

Stellschrauben (Komponenten-Tokens)

Token	Default
`--empty-state-action-on-primary`	`var(--color-action-on-primary)`
`--empty-state-action-on-secondary`	`var(--color-action-on-secondary)`
`--empty-state-action-primary`	`var(--color-action-primary)`
`--empty-state-action-primary-hover`	`var(--color-action-primary-hover)`
`--empty-state-action-secondary`	`var(--color-action-secondary)`
`--empty-state-action-secondary-hover`	`var(--color-action-secondary-hover)`
`--empty-state-border-strong`	`var(--color-border-strong)`
`--empty-state-elevation-control`	`var(--elevation-control)`
`--empty-state-radius-control`	`var(--radius-control)`
`--empty-state-text-default`	`var(--color-text-default)`
`--empty-state-text-muted`	`var(--color-text-muted)`

Genutzte Design-Tokens

border.hairline color.action.on-primary color.action.on-secondary color.action.primary color.action.primary-hover color.action.secondary color.action.secondary-border color.action.secondary-hover color.border.strong color.text.default color.text.muted container.sm elevation.control font.family.default leading.base radius.control size.12 size.2 size.4 size.6 size.8 text.lg text.md text.sm weight.semibold