Principes Bases Accessibilité Système de design Guidelines Deutsch Français Italiano English Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs supplémentaires Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Aperçu Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Aperçu Power-Apps Bandeaux publicitaires numériques SAP IA Design : Bases Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English 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.
Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Collapsed
  • Expanded

Varianten

Standard

Darstellung eines Textexpands


Spezifikationen

DesignCode