Seitenkopf (Page Header)

App-Seitenkopf (Untitled-UI-Muster): Titel + Beschreibung links, Aktions-Buttons rechts (Varianten wie Nav-Aktionen), optionale Trennlinie

Im Builder nutzen

Beispiele

App-Seitenkopf mit Beschreibung und zwei Aktionen

Aufträge

Verwalte offene und abgeschlossene Aufträge deines Teams.

ExportierenNeuer Auftrag

Eigenschaften

Prop	Typ	Default	Builder-Label
title *	string	—	Titel
description	string	""	Beschreibung
actions	array	[]	Aktionen rechts
divider	boolean	true	Trennlinie unten

* 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.defaultcolor.text.defaultcolor.text.mutedelevation.controlfont.family.defaultfont.family.displayleading.tightradius.controlsize.2size.4size.5text.2xltext.mdtext.smweight.semibold