Leerzustand (Empty State)

Zentrierter Leerzustand (Untitled-UI-Muster): Icon-Fläche, Titel, Text, Primär- und Sekundär-Aktion — für leere Listen, Suchergebnisse, Erststarts

Im Builder nutzen

Nutzt: ui.featured-icon

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.

Suche zurücksetzenNeues Projekt

Eigenschaften

Prop	Typ	Default	Builder-Label
icon	string	"search"	Icon-Name
title *	string	—	Titel
text	string	""	Text
ctaLabel	string	""	Primär-Aktion
cta2Label	string	""	Sekundär-Aktion

* Pflicht-Prop

Genutzte Design-Tokens

border.hairlinecolor.action.on-primarycolor.action.on-secondarycolor.action.primarycolor.action.primary-hovercolor.action.secondarycolor.action.secondary-bordercolor.action.secondary-hovercolor.border.strongcolor.text.defaultcolor.text.mutedcontainer.smelevation.controlfont.family.defaultleading.baseradius.controlsize.12size.2size.4size.6text.lgtext.mdtext.smweight.semibold