Container
Die Containerkomponente kann genutzt werden um Elemente nebeneinander darzustellen. Hierzu stehen die folgenden Varianten zur Verfügung.
Variantenname | Beschreibung |
---|---|
container | Sorgt für die Anordnung der Kindelemente, sodass diese nebeneinander stehen. Die verfügbare Breite wird hierbei in 12 gleichmäßige Spalten unterteilt. |
column | Muss Kindelementen des Containers mit der vorherigen Variante gegeben werden. Zusätzlich kann die Breite der Spalte mit column-1 bis column-12 gestgelegt werden. |
Bilder
Diese Komponente kann zur Einbindung von Bildern genutzt werden. Über die nachfolgenden Varianten kann die Skalierung angepasst werden.
Variantenname | Beschreibung |
---|---|
ratio | Setzt die maximale Höhe des Bildes anhand des 16:9-Verhältnisses |
portrait | Streckt das Bild auf die maximal verfügbare Breite. Die Höhe ergibt sich entsprechend des Seitenverhältnisses. |
landscape | Streckt das Bild auf die maximal verfügbare Höhe. Die Breite ergibt sich entsprechend des Seitenverhältnisses. |
Layout
Repräsentiert eine Einbettungsebene für den Styleguide und sollte nur auf oberster Ebene genutzt und darf nicht kombiniert werden.