Tabs

Tabs werden genutzt um Inhalte zu gruppieren oder in separate Schritte zu unterteilen. So kann eine hohe Anzahl an Elemnten auf geringem Raum übersichtlich dargestellt werden.

Da Tabs eine Navigation abbilden, sollten einzelne Tabs sinvoll und kurz benannt werden.

Tabs mit aktivem Status werden duch eine farbige (Primäre Farbe) 2px Linie dargestellt.

Abmessungen
  • Innenabstand 16px/8px
  • Border 1px   #E8ECEF
  • Border Tab-Aktiv 2px Primäre Farbe
  • Aussenabstand unten 16px
  • Roboto 16px Regular   #343a40   #adb5bd

Vorschau

Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim. Velit non irure adipisicing aliqua ullamco irure incididunt irure non esse consectetur nostrud minim non minim occaecat. Amet duis do nisi duis veniam non est eiusmod tempor incididunt tempor dolor ipsum in qui sit.


    
    

        
...

        
...

        
...

Consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim. Velit non irure adipisicing aliqua ullamco irure incididunt irure non esse consectetur nostrud minim non minim occaecat. Amet duis do nisi duis veniam non est eiusmod tempor incididunt tempor dolor ipsum in qui sit.