Components Akkordeons

Status-Info: Backlog
Design System Barrierefreiheit Fertigstellungsgrad
100% V25 100% 100%

Info:

Die Hintergrundfarbe: #E5EAEF wird nich benutzt, sondern #F0F0F0.

Ein Akkordeon-Menü ist eine vertikal angeordnete Liste mit Überschriften, die "on click" Inhalte anzeigt oder verbirgt.

Je nach Anwendungsfall können alle Listenelemente collapsed sein, oder das erste Listenelement ist geöffnet,
siehe auch hier.

Standard Akkordeon "Collapsed Drawers"

Quisque varius massa arcu, sed ultrices turpis euismod at. Sed at congue metus, faucibus mollis erat. Aliquam mauris tellus, gravida ut augue at, lacinia facilisis tortor. Morbi ultricies facilisis iaculis. Sed sodales nibh pharetra, maximus erat a, egestas erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet eros feugiat, ultricies massa a, consectetur lorem. Nam est ligula, hendrerit sit amet aliquet et, dignissim ac odio. 

    

        
        

            

                Quisque varius massa arcu, sed ultrices turpis euismod at. Sed at congue metus, faucibus mollis erat. Aliquam mauris tellus, gravida ut augue at, lacinia facilisis tortor. Morbi ultricies facilisis iaculis. Sed sodales nibh pharetra, maximus erat a, egestas erat.
            

        

    


    

        
        

            

                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet eros feugiat, ultricies massa a, consectetur lorem. Nam est ligula, hendrerit sit amet aliquet et, dignissim ac odio.

Standard Akkordeon "Expanded Drawers"

Quisque varius massa arcu, sed ultrices turpis euismod at. Sed at congue metus, faucibus mollis erat. Aliquam mauris tellus, gravida ut augue at, lacinia facilisis tortor. Morbi ultricies facilisis iaculis. Sed sodales nibh pharetra, maximus erat a, egestas erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet eros feugiat, ultricies massa a, consectetur lorem. Nam est ligula, hendrerit sit amet aliquet et, dignissim ac odio. 

    

        
        

            

                Quisque varius massa arcu, sed ultrices turpis euismod at. Sed at congue metus, faucibus mollis erat. Aliquam mauris tellus, gravida ut augue at, lacinia facilisis tortor. Morbi ultricies facilisis iaculis. Sed sodales nibh pharetra, maximus erat a, egestas erat.
            

        

    


    

        
        

            

                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet eros feugiat, ultricies massa a, consectetur lorem. Nam est ligula, hendrerit sit amet aliquet et, dignissim ac odio.

XL Akkordeon

Quisque varius massa arcu, sed ultrices turpis euismod at. Sed at congue metus, faucibus mollis erat. Aliquam mauris tellus, gravida ut augue at, lacinia facilisis tortor. Morbi ultricies facilisis iaculis. Sed sodales nibh pharetra, maximus erat a, egestas erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet eros feugiat, ultricies massa a, consectetur lorem. Nam est ligula, hendrerit sit amet aliquet et, dignissim ac odio.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet eros feugiat, ultricies massa a, consectetur lorem. Nam est ligula, hendrerit sit amet aliquet et, dignissim ac odio. 

    

        
        

            

                Quisque varius massa arcu, sed ultrices turpis euismod at. Sed at congue metus, faucibus mollis erat. Aliquam mauris tellus, gravida ut augue at, lacinia facilisis tortor. Morbi ultricies facilisis iaculis. Sed sodales nibh pharetra, maximus erat a, egestas erat.
            

        

    


    

        
        

            

                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet eros feugiat, ultricies massa a, consectetur lorem. Nam est ligula, hendrerit sit amet aliquet et, dignissim ac odio.
            

        

    


    

        
        

            

                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet eros feugiat, ultricies massa a, consectetur lorem. Nam est ligula, hendrerit sit amet aliquet et, dignissim ac odio.

OSI Hilfe Dialog