Textexpand – digital.sbb.ch

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 fonctionnelles

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

Overview

Releases

Design Tokens

Composants

Aperçu

Base

Informations

Aperçu

Base

Composants

Sens & objectif

Community Assets

Instructions

Power-Apps

Bandeaux publicitaires numériques

SAP

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 Ausblenden 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 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

Spezifikationen

DesignCode

Vous avez des questions ? Vous trouverez peut-être une réponse dans notre FAQ ou notre aide, sinon vous pouvez poser votre question sur le board correspondant sur Github.

Impressum

Contact

Protection des données

Paramètres des cookies