beta

Link

1. Was macht dieses Element?

  • Links stellen Verbindungen zwischen Informationen, bzw. Seiten her.

2. Wann soll das Element eingesetzt werden?

  • Wenn von einer Seite auf eine andere (interne oder externe) Seite oder auf eine Lightbox gesprungen werden muss.

3. Regeln

  • Eine visuelle Unterscheidung zwischen internen und externen Links gibt es nicht.
  • Hover und On-Click haben das gleiche visuelle Interaktionsverhalten.
  • Links können auf Texte, Icon und Bilder gesetzt werden.
  • Textlinks auf Teile von Wörtern sind nicht erlaubt.

4. Ausprägungen und Zustände

Das Element hat folgende Zustände:

  • Default
  • Hover
  • On-Click

4.1 Standard

Design Spezifikation

Code Spezifikation

Der Standard-Link ist keine eigenständige Komponente sonder ist direkt im Bereich Typografie definiert.

4.2 Lead Link

Design Spezifikation

Code Spezifikation

4.3 Nach Textabschnitten (Paragraph)

Design Spezifikation

Code Spezifikation

4.4 Nach Formularelementen

Design Spezifikation

Code Spezifikation

4.5 In Menüs

Design Spezifikation

Code Spezifikation

4.6 Socialmedia

Design Spezifikation

Code Spezifikation