Trenner
-
Akkordeon -
Anker -
Audio-Player -
Bild -
Bot -
Breaking News -
Button -
Card update -
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 update -
Logo -
Map -
Meldung -
Menü -
Modal -
Newsletter -
One Time Password (OTP) – Eingabe von Einmalpasswörtern -
Pager -
Paginierung -
Quicklink-Liste -
Reiter -
Section -
Sidebar -
Skip Link -
Social Media -
Stack -
Stage -
Status -
Suche -
Tabelle -
Tag update -
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.
Trenner linksbündig
Anmeldedaten
<wm-divider>
<h4>Anmeldedaten</h4>
</wm-divider>Trenner zentriert
Anmeldedaten
<wm-divider alignment="center">
<h4>Anmeldedaten</h4>
</wm-divider>Interaktive Demo
Anmeldedaten
<wm-divider data-demo-pattern="wm-chip-preview">
<p>Anmeldedaten</p>
</wm-divider>wm-divider
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