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

Buttonbar

Übersicht

Was macht die Komponente?

Es bildet eine Leiste, wo alle Aktionen eines Anwendungsbereichs gesammelt werden.

Wann soll die Komponente eingesetzt werden?

Wenn in einem Anwendungsbereich mehrere Aktionen ausgeführt werden können.

Regeln

Die Buttonbar sollte immer unten rechts von einem Container (z.B. Formular oder Dialog) platziert werden.
Die Buttons werden immer rechts innerhalb der Buttonbar platziert.
Die primäre Aktion wird links von den sekundären Aktionen platziert.
Es dürfen nicht mehr als drei Buttons platziert werden. Wenn mehr Aktionen notwendig sind, dann soll ein Contextmenu verwendet werden. Dieses wird rechts von den anderen Buttons platziert.

Zustände und Varianten

Varianten

Standard

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