Provate a utilizzare termini di ricerca diversi o meno numerosi.
PrincipiBaseAccessibilitéSistema di designGuidelines Deutsch Français Italiano English
I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza
Il brandLink target opens in a new window. Portale della marca FFS Logo Orologio digitale Diritti di utilizzazioneColori Colori die base Colori addizionali Colori Off BrandAssets Icone Icone dell'orario PittogrammiLingua Informazioni sull'UX Writing Testi per pulsanti e link Notifiche Moduli e campi di input Indicatore di avanzamento Glossario digitale
Introduzione Informazioni sull’accessibilità Über diesen Guide Contatti Letture consigliateAccessibilità in base al ruolo Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Primi passi What is a design system? Designing Coding FAQ AiutoOrganizzazione Processo Contribution ContattoMobile Introduzione Base ComponentiLyne Introduzione Che cos'è Lyne? Releases Presets & Themes Design Tokens Componenti TemplatesMaps Introduzione Base InformationsPatterns Introduzione
Guides Power-Apps Banner pubblicitari digitali SAP IA Design : Base.Prescrizioni Icone delle app
Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili: Deutsch EnglishAccordion.
Übersicht
Was macht die Komponente?
Dient zur Strukturierung von Content in unterschiedliche Unter-Gruppen.
Wann soll die Komponente eingesetzt werden?
Wenn innerhalb des Content klare Untergruppen erstellt werden können.
Wenn die Untergruppen für die Benutzer*innen zusätzliche Informationen zum Hauptinhalt bietet.
Hauptnutzinhalt des Contents sollte nicht in ein Akkordeon verpackt werden.
Regeln
Ein Akkordeon kann 1 bis n Einträge haben.
Per Default sind immer alle Akkordeons geschlossen.
Der Akkordeon-Header besteht immer aus einem Texttitel.
Der Titel darf maximal zweizeilig sein.
Icons im Titel sind nicht erlaubt.
Die ganze Fläche des Akkordeon-Headers ist klickbar und öffnet/schliesst das Akkordeon.
Es können mehrere oder alle Einträge gleichzeitig geöffnet sein. Alternativ kann die Funktion «immer nur ein Akkordeon aufgeklappt» eingesetzt werden.
Ein Akkordeon-Komponente innerhalb eines Akkordeon-Eintrags ist nicht erlaubt.
Varianten
Zustände
Die Komponente hat die folgende Zustände:
Collapsed
Expanded
Varianten
Standard
Spezifikationen
Link target opens in a new window.DesignLink target opens in a new window.Code