Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Übersicht Basis Komponenten Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Textexpand

Übersicht

Was macht die Komponente?

  • Klappt einen bestehenden Text weiter auf, um noch mehr Informationen anzuzeigen.

Wann soll die Komponente eingesetzt werden?

  • Bei langen Zusatzinformationen.

Regeln

  • Der Textexpand darf nur für Texte eingesetzt werden.
  • Im aufgeklappten Zustand dürfen nebst dem Link «Weniger anzeigen» keine weiteren Interaktionselemente eingesetzt werden.
  • Die Trennung der Texte muss so erfolgen, dass der Kontext der gesamten Information bereits im zugeklappten Zustand klar ist.
  • Darf nur bei mehrzeiligen Texten eingesetzt werden.
  • Mehrfachverschachtelungen sind nicht erlaubt.
  • Der Textexpand darf nicht zur Strukturierung von Inhalten verwendet werden.
  • Titel und andere Strukturmittel sind im ausgeblendeten Zustand nicht erlaubt.
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Collapsed
  • Expanded

Varianten

Standard

Darstellung eines Textexpands

Spezifikationen

DesignCode

Impressum Kontakt Datenschutz Cookie Einstellungen