Dropdown – 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 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

Dropdown

Übersicht

Was macht die Komponente?

Dient zur Auswahl einer Optionen aus einer vorgegebenen Liste.

Wann soll die Komponente eingesetzt werden?

Bei einer Auswahl aus mehreren Optionen einer Liste.

Regeln

Es müssen mindestens zwei Optionen zur Auswahl stehen.
Optionale Auswahlen werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden.
Der Text des Labels ist immer einzeilig.
Ist ein Eintrag länger als die verfügbare Breite der Komponente, wird der Text des Eintrages mit «...» abgekürzt.
Bei einem Pflichtfeld ist eine Vorauswahl nicht erlaubt.
Wenn noch keine Auswahl getroffen wurde, wird das Label angezeigt.

Varianten

Zustände

DIe Komponente hat folgende Zustände:

Default
Error
Disabled
Loading
Expanded

Varianten

Die Komponente hat folgende Varianten:

listed / boxed
mit Icon / ohne Icon
mit Label / ohne Label

Listed

Default

Error

Disabled

Loading

Darstellung des Dropdown in einer Liste ladend

Listed, mit Icon

Default

Error

Disabled

Loading

Listed, ohne Label

Default

Darstellung des Dropdown in einer Liste ohne Label

Error

Disabled

Loading

Darstellung des Dropdown in einer Liste ohne Label ladend

Boxed

Default

Error

Disabled

Loading

Darstellung des Dropdown in einer Box ladend

Boxed, mit Icon

Default

Error

Disabled

Loading

Boxed, ohne Label

Default

Darstellung des Dropdown in einer Box ohne Label

Error

Disabled

Loading

Darstellung des Dropdown in einer Box ohne Label ladend

Spezifikationen

Design

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