List item

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

List item

Übersicht

Was macht die Komponente?

Darstellung von Informationen in einer Liste.

Wann soll die Komponente eingesetzt werden?

Innerhalb von Listen.

Regeln

Ein Listen-Eintrag kann als Darstellungsobjekt oder zur Navigation verwendet werden.
Auf Listen-Einträgen können neben Klick- auch Swipe-Interaktionen definiert werden.
Erste Funktion wird auf Swipe-to-left gelegt, zweite Funktion auf Swipe-to-right.

Barrierefreiheit

Wenn die Funktion des Eintrages nur über ein Icon Dargestellt wird, muss diese zusätzlich als Alternativtext hinterlegt werden.

Zustände und Varianten

Zustände

DIe Komponente hat folgende Zustände:

Default
Pressed
Disabled
Loading
Swipe left (optional)
Swipe right (optional)

Varianten

Die Komponente hat folgende Varianten:

listed / boxed
mit Icon / ohne Icon
mit Subtext / ohne Subtext
mit Icon rechts / ohne Icon rechts
mit Button / ohne Button

Listed

Default

Darstellung des List-Items in einer Liste

ohne Icon

mit Subtext

mit Icon rechts

mit Button

Boxed

Default

ohne Icon

mit Subtext

mit Icon rechts

mit Button

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