Trennlinie — ui.divider
Horizontale Trennlinie, optional mit zentriertem Beschriftungstext
UI Elementv1.2.0Inhaltweb.documentweb.applicationdesktop.shellemail.client
Beispiele
Standard
Mit Beschriftung
Rechnungsadresse
Großer Abstand
Klein mit Text
oder
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
label | string | "" |
spacing | string: none | sm | md | lg | xl | "md" |
orientation | string: horizontal | vertical | "horizontal" |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--divider-color | var(--color-border-default) |
--divider-spacing | var(--size-4) |
Genutzte Design-Tokens
border.hairline color.border.default color.text.muted font.family.default size.12 size.2 size.3 size.4 size.5 size.8 text.xs tracking.wide weight.medium