Menüs

Für die Menüs innerhalb einer Anwendungen stehen mehrere Komponenten zur Verfügung. Die passende Form der Menüs kann anwendungsspezifisch gewählt werden.

Horizontal Link-Menü

Einfaches Link-Menü im Basis Style, welches als Navigationshilfe im Inhaltsbereich eingesetzt werden kann.


        //default menu
        
            Active
            Link
            Link
            Disabled
        

        //center menu
        
            Active
            Link
            Link
            Disabled
        

        //right menu
        
            Active
            Link
            Link
            Disabled

Vertikal Link-Menü

Einfaches vertikales Link-Menü im Basis Style, welches als Navigationshilfe im Inhaltsbereich eingesetzt werden kann.


        //default
        
            Active
            Link
            Link
            Disabled
        

        //right align
        
            Active
            Link
            Link
            Disabled

Button-Group Menü

Buttons können als Gruppe zu einem Menü kombiniert werden. Die einzelnen Style Attribute wie Farbe und Größe können ergänz werden.


        //default menu
        
            
            
            
        

        //center menu
        
            
            
            
        

        //right menu
        
            
            
            
        

        //links
        
            Button active
            Button
            Button

List-Group Navigation

Die List-Group Navigation bildet eine vertikale Liste von Navigationspunkten ab und wird vor allem als Navigationshilfe im Inhaltsbereich eingesetzt.

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Cras justo odio 14

Dapibus ac facilisis in 2

Morbi leo risus 1


        //default
        
            Cras justo odio
            Dapibus ac facilisis in
            Morbi leo risus
        

        //badges
        
            
                Cras justo odio
                14
            
            
                Dapibus ac facilisis in
                2
            
            
                Morbi leo risus
                1

Menüs

Horizontal Link-Menü

Vertikal Link-Menü

Button-Group Menü

List-Group Navigation

Breadcrump