Trenner

Akkordeon
Anker
Audio-Player
Bild
Bot
Breaking News
Button
Card
Chip
Copyright
Details
Exposé
Fetch
Flip-Card
Footer
Formular: Block
Formular: Checkbox
Formular: Combobox
Formular: Fehlerliste
Formular: Filter
Formular: Fortschrittsanzeige
Formular: Input
Formular: Layouts
Formular: Radio
Formular: Select
Formular: Switch
Formular: Textfeld
Formular: Upload
Formular: Validierung
Galerie
Grid
Header
Hervorgehobener Link
Hervorhebung
Icon
In-Page Navigation
Infobox
Karussell
Kontakt
Links
Liste
Logo
Map
Meldung
Menü
Modal
Newsletter
One Time Password – Eingabe von Einmalpasswörtern neu
Pager
Paginierung
Quicklink-Liste
Reiter
Section
Sidebar
Skip Link
Social Media
Stack
Stage
Status
Suche
Tabelle
Tag
Trenner neu
Video-Player
Vorspann
Zeitstempel
Zitat

Die Trenner-Komponente gliedert Inhalte visuell und unterstützt die Orientierung im Layout. Sie wird sparsam eingesetzt. Kurze Überschriften oder Labels sind möglich, längerer Fließtext nicht. Der Trenner darf nicht auf farbigen oder hervorgehobenen Hintergründen verwendet werden. Ist die Struktur bereits klar, sollte auf einen Trenner verzichtet werden.

Varianten

Trenner linksbündig

Vorschau

Anmeldedaten

Code

<wm-divider>
  <h4>Anmeldedaten</h4>
</wm-divider>

Trenner zentriert

Vorschau

Anmeldedaten

Code

<wm-divider alignment="center">
  <h4>Anmeldedaten</h4>
</wm-divider>

Dev

Interaktive Demo

size

alignment

Vorschau

Anmeldedaten

Code

<wm-divider data-demo-pattern="wm-chip-preview">
  <p>Anmeldedaten</p>
</wm-divider>

API

wm-divider

Eigenschaften

Eigenschaften
Eigenschaft	Beschreibung	Werte	Default
`size`	Größe	`'s'\|'m'\|'l'`	`"s"`
`alignment`	Ausrichtung	`'left'\|'center'\|'right'`	`"left"`

Slots

Name	Beschreibung
`default`	Text (Heading)

Kontakt

Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht bietet?

handbuch@ma53.wien.gv.at

Abonnieren Sie unseren Handbuch-Newsletter, um über wichtige Änderungen und Updates informiert zu werden.

Jetzt anmelden