Accordion
Erweiterbare Inhalte mit einem Klick.
Die Accordion-Komponente ermöglicht zusammenklappbare Inhaltsabschnitte, die sich ideal für die Organisation detaillierter Informationen in einem übersichtlichen, platzsparenden Format eignen. Ganz gleich, ob Sie FAQs, Dokumentationen, Produktspezifikationen oder Seitenmenüs strukturieren, Accordions helfen Nutzern, das zu finden, was sie brauchen, ohne visuelle Unordnung.
Durch die vollständige Flexibilität des Themas und die Unterstützung von Inhaltsbereichen können Sie sowohl das Aussehen als auch das Verhalten steuern.
Erstellen Sie auf einfache Weise interaktive, elegante Inhaltsstrukturen, die Ihre Benutzer in ihrem eigenen Tempo erkunden können.
Strukturierte Klarheit
Zeigen Sie nur das Nötigste.
Ihre Seiten bleiben sauber und strukturiert.Fügen Sie umfangreiche Layouts ein.
Text, Bilder, Listen, alles passt.Intuitive UX.
Klar und deutlicher Status.
Gebaut für Interaktion
Gestalten Sie Ihre eigenen Toggle Status.
Fügen Sie Text, Symbole hinzu.Visuelle Indikatoren.
Sofortiges visuelles Feedback für Benutzer.Vordefinierter Aktivitätsstatus.
Starten Sie offen oder geschlossen.
Anwendungsfälle
Accordion-Komponenten sind ideal für strukturierte, dichte oder optionale Inhalte. Sie geben Ihren Besuchern die Kontrolle über das, was sie sehen wollen, während das Design einfach und hierarchisch bleibt.
Häufige Anwendungsfälle sind:
Häufig gestellte Fragen (FAQs), bei denen sich jede Frage ausdehnt, um eine Antwort zu geben
Menüs mit erweiterbaren Unterabschnitten (z. B. Filterfelder)
Produktspezifikationen oder Vergleichsaufschlüsselungen
Tutorials mit Schritt-für-Schritt-Anleitungen
Inhaltslastige Seiten, bei denen visuelle Einfachheit wichtig ist
Marketing-Inhalte, die Nutzer bei Interesse tiefer eintauchen lassen
Mit Hilfe von Accordions lässt sich ein lesbareres, dynamischeres und reaktionsfähigeres Benutzererlebnis schaffen.
Konfigurationsoptionen und Funktionen
Die Accordion-Komponente ist ein einfaches, aber leistungsstarkes Werkzeug zur Verbesserung von Struktur und Benutzerfreundlichkeit. Bieten Sie kompakte Inhalte an, die sich bei Bedarf erweitern lassen, mit vollständiger Kontrolle über das Aussehen, die Handhabung und das Verhalten, ohne einen Entwickler zu benötigen.
Ihre platzsparende Inhaltslösung, interaktiv, zugänglich und skalierbar.
Trigger
Dieser Container definiert den anklickbaren Bereich, mit dem das Accordion geöffnet und geschlossen werden kann. Fügen Sie beliebige Komponenten ein:
Text (z. B. eine Frage oder ein Titel)
Symbolen (Pfeile, Plus/Minus, etc.)
Medien (z. B. Miniaturansichten)
Dies ermöglicht maximale Freiheit bei der Gestaltung des Aussehens und der UX Ihres Accordions.
Content Bereich
Dies ist der klappbare Inhaltsbereich, der sichtbar wird, wenn der Auslöser aktiviert wird. Er unterstützt alle verschachtelbaren Komponenten, was Folgendes ermöglicht:
Absätze, Listen oder Medien
Layouts mit Containern oder Rich Content
Interaktive Elemente wie Schaltflächen oder Links
Verwenden Sie dies, um robuste, erweiterbare Abschnitte zu erstellen, ohne die Seite zu überladen.
Indikator
Ein spezieller Bereich für ein Symbol oder Bild, das den Zustand des Accordions visuell widerspiegelt. Häufige Verwendungen:
Pfeile nach unten/oben
Plus/Minus-Symbole
Sich drehende Chevrons
Der Indikator dreht sich automatisch um 180°, wenn das Accordion geöffnet/geschlossen wird.
Initaler Aktivitätsstatus
Wählen Sie, ob das Accordion beim ersten Laden aufgeklappt oder zugeklappt werden soll.
True: Beginnt offen
False (Standard): Startet geschlossen
Hilfreich, um die Aufmerksamkeit der Benutzer zu lenken oder den Kontext zu bestimmen.
Komponenten Theme
Steuert das äußere Styling des Accordion-Blocks, einschließlich Hintergrund, Abstand, Rahmen usw.
Trigger Theme
Wenden Sie Stile auf den Auslöser-Container an, einschließlich Hover-Effekte, Schriftstile oder Abstände.
Content Theme
Gestaltet den inneren erweiterten Inhaltsbereich. Dies ermöglicht eine visuelle Unterscheidung, wenn der Inhalt eingeblendet wird.