Zum Inhalt springen

Komponenten

Abzeichen

Primary Secondary Success Info Warning Danger Light Dark

Link

Primary Secondary Success Info Warning Danger Light Dark

Automatische Größenanpassung

Primary Secondary Success Info Warning Danger Light Dark

Schaltfläche

Kontur
Klein
Groß
Gruppe

Drop-down-Menü

Kopfzeile
Aktion Etwas anderes hier
Separater Link

Navigation und Tabs

Standard
Tabs

Navigationleiste

Formular

Wir werden Ihre E-Mail-Adresse niemals an Dritte weitergeben.

Seitenummerierung

Brotkrümel

List-group

  1. Zwischenüberschrift
    Cras justo odio
    14
  2. Zwischenüberschrift
    Cras justo odio
    14
  3. Zwischenüberschrift
    Cras justo odio
    14
  4. Zwischenüberschrift
    Cras justo odio
    14
  5. Zwischenüberschrift
    Cras justo odio
    14
  6. Zwischenüberschrift
    Cras justo odio
    14
  7. Zwischenüberschrift
    Cras justo odio
    14
  8. Zwischenüberschrift
    Cras justo odio
    14
  9. Zwischenüberschrift
    Cras justo odio
    14

Karte

...
Kartentitel

Ein kurzer Beispieltext, der auf dem Kartentitel aufbaut und den Großteil des Inhalts der Karte ausmacht.

  • Ein Element
  • Ein zweites Element
  • Ein drittes Element
Kartenlink Ein anderer Link
...
Kartentitel

Es handelt sich um eine breitere Karte mit darunter liegendem Begleittext als natürliche Einleitung zu weiteren Inhalten. Dieser Inhalt ist ein wenig länger.

Vor 3 Minuten zuletzt aktualisiert

Warnungen

Das ist eine „Primary“-Warnung mit einem Link.
Das ist eine „Secondary“-Warnung mit einem Link.
Das ist eine „Success“-Warnung mit einem Link.
Das ist eine „Info“-Warnung mit einem Link.
Das ist eine „Warning“-Warnung mit einem Link.
Das ist eine „Danger“-Warnung mit einem Link.
Das ist eine „Light“-Warnung mit einem Link.
Das ist eine „Dark“-Warnung mit einem Link.

Modal

Modal-Titel

Dies ist ein Paragraf. Ambitioni dedisse scripsisse iudicaretur. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Unam incolunt Belgae, aliam Aquitani, tertiam. Integer legentibus erat a ante historiarum dapibus. Phasellus laoreet lorem vel dolor tempus vehicula.

Hilfsmittel & Typografie

Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black
Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black

Schatten klein

(Schatten-sm)

Schatten mittel

(Schatten)

Schatten groß

(Schatten-lg)

Rahmenradius keiner

(abgerundet-0)

Rahmenradius klein

(abgerundet-1)

Rahmenradius mittel

(abgerundet-2)

Rahmenradius groß

(abgerundet-3)

Anzeige 1

Anzeige 2

Anzeige 3

Anzeige 4

Anzeige 5

Anzeige 6

Überschriften 1

Überschriften 2

Überschriften 3

Überschriften 4

Überschriften 5
Überschriften 6

Haupttext

Paragraph mit Text in fett, dezent und kursiv

Link