Sidebar – digital.sbb.ch

Zur Navigation

Zum Inhalt

Kontakt

Menu

Komponente finden

Übersicht Maps

Prinzipien

Grundlagen

Barrierefreiheit

Design System

Guidelines

Deutsch

Français

Italiano

English

Unsere Gestaltungsprinzipien

Nutzerzentriert

Wiedererkennbar

Inklusiv

Reduziert

Ganzheitlich

Selbsterklärend

Aufgabenorientiert

Passend

SBB Markenportal

Logo

Digitale Uhr

Nutzungsrechte

Basis-Farben

Funktionale Farben

Off-Brand Farben

Icons

Fahrplan-Icons

Piktogramme

Über Barrierefreiheit

Über diesen Guide

Kontakt

Weitere Informationen

Product Owner

User Research

Interaction Design

Visual Design

Development

Content Design

Testing

Was ist ein Design System?

Designing

Coding

FAQ

Hilfe

Prozess

Contribution

Kontakt

Übersicht

Basis

Komponenten

Übersicht

Releases

Design Tokens

Komponenten

Roadmap

Übersicht

Basis

Informationen

Übersicht

Basis

Komponenten

Sinn & Zweck

Community Assets

Anleitung

Power-Apps

Digitale Werbebanner

SAP

App Icons

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

Darstellung des Primary Button

Darstellung des Primary Button

Mobile

Darstellung des Primary Button

Darstellung des Primary Button

Haben Sie Fragen? Evtl. Hilft unser FAQ oder unsere Hilfe weiter, ansonten können Sie Ihre Frage gerne im entsprechenden Board auf Github platzieren.

Impressum

Kontakt

Datenschutz

Cookie Einstellungen