Dropdown – digital.sbb.ch

Principi

Base

Accessibilité

Sistema di design

Guidelines

Deutsch

Français

Italiano

English

I nostri principi di design

Soluzioni focalizzate sull’utente

Riconoscibilità

Inclusione

Riduzione

Olistico

Autoesplicativo

Orientamento all’attività

Adeguatezza

Portale della marca FFS

Logo

Orologio digitale

Diritti di utilizzazione

Colori die base

Colori funzionali

Colori Off Brand

Icone

Icone dell'orario

Pittogrammi

Informazioni sull’accessibilità

Über diesen Guide

Contatti

Letture consigliate

Product Owner

User Research

Interaction Design

Visual Design

Development

Content Design

Testing

What is a design system?

Designing

Coding

FAQ

Aiuto

Processo

Contribution

Contatto

Introduzione

Base

Componenti

Overview

Releases

Design Tokens

Komponenten

Introduzione

Base

Informazioni

Introduzione

Base

Componenti

Senso & scopo

Community Assets

Istruzioni

Power-Apps

Banner pubblicitari digitali

SAP

Icone delle app

Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili 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.

Zustände und 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

Avete domande? Forse le nostre FAQ o la nostra guida vi saranno d'aiuto, altrimenti potete inserire la vostra domanda nella board corrispondente su Github.

Impressum

Contatto

Protezione dei dati

Impostazioni dei cookie