Theme: ← Übersicht Tokens

Trennlinie

Horizontale Trennlinie, optional mit zentriertem Beschriftungstext

UI Elements v1.2.0 Inhalt WebsiteAppDesktopE-Mail ui.divider

Beispiele

Standard

Mit Beschriftung
Großer Abstand

Klein mit Text

Eigenschaften

PropTypDefaultBuilder-Label
labelstring""Beschriftung (optional)
spacingstring: none | sm | md | lg | xl"md"Abstand
orientationstring: horizontal | vertical"horizontal"Ausrichtung

* Pflicht-Prop

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

TokenDefault
--divider-colorvar(--color-border-default)
--divider-spacingvar(--size-4)

Genutzte Design-Tokens

border.hairlinecolor.border.defaultcolor.text.mutedfont.family.defaultsize.12size.2size.3size.4size.5size.8text.xstracking.wideweight.medium