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

Sidebar

Übersicht

Verwendung

Sind zu einem Map Marker zusätzliche Informationen vorhanden, können diese in einer Sidebar dargestellt werden.

Regeln

Die Sidebar erscheint am linken Rand und entspricht der Kartenhöhe. Bei kleinen Screens wird der Inhalt in einer Box am unteren Bildrand dargestellt - analog Pop-Up und Cards. Die Höhe ist nicht beschränkt.
Ein Kreuz in der oberen rechte Ecke ermöglicht die Schliessung der Sidebar.
Wird ein weiterer Marker ausgewählt, bleibt die Sidebar geöffnet und der Inhalt wird ersetzt.

Zustände und Varianten

Varianten

Die Komponente hat folgende Varianten:

Mode: Light/Dark
Breakpoint: Mobile/Dekstop

Desktop

Mobile

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