Zur Navigation Zum Inhalt Kontakt Menu Trouver un composant Aperçu Lyne 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 Aperçu Base Composants Aperçu Base Composants Aperçu Design Tokens Composants Releases Aperçu Base Informations Sens & objectif Community Assets Instructions Power-Apps Bandeaux publicitaires numériques SAP Icônes d’applications
Trouver un composant

Lyne

Basics Animation Animation Border Border Grid Grid Spacings Spacings Typografie Typografie Components Action-Group Action-Group Alert Alert Alert-Group Alert-Group Autocomplete Autocomplete Button Button Calendar Calendar Card Card Card-Badge Card-Badge Checkbox Checkbox Checkbox-Group Checkbox-Group Chip Chip Clock Clock Datepicker Datepicker Dialog Dialog Divider Divider Footer Footer Form-Error Form-Error Form-Field Form-Field Header Header Header-Action Header-Action Icon Icon Image Image Journey-Header Journey-Header Link Link Link-List Link-List Logo Logo Menu Menu Menu-Action Menu-Action Tooltip Tooltip Tooltip-Trigger Tooltip-Trigger Radio-Button Radio-Button Radio-Button-Group Radio-Button-Group Selection-Panel Selection-Panel Signet Signet Slider Slider Tab-Group Tab-Group Tab Title Tab Title Tag Tag Tag-Group Tag-Group Teaser Teaser Teaser-Hero Teaser-Hero Time-Input Time-Input Title Title Toggle Toggle Toggle-Check Toggle-Check
Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles Deutsch English Grid Breakpoints
zero
sbb-breakpoint-zero-min
0 - 359
sbb-breakpoint-zero-max
micro
sbb-breakpoint-micro-min
360 - 599
sbb-breakpoint-micro-max
small
sbb-breakpoint-small-min
600 - 839
sbb-breakpoint-small-max
medium
sbb-breakpoint-medium-min
840 - 1023
sbb-breakpoint-medium-max
large
sbb-breakpoint-large-min
1024 - 1279
sbb-breakpoint-large-max
wide
sbb-breakpoint-wide-min
1280 - 1439
sbb-breakpoint-wide-max
ultra
sbb-breakpoint-ultra-min
1440 - 2579
sbb-breakpoint-ultra-max
Base Grid Columns
sbb-layout-base-grid-columns-zero
4
sbb-layout-base-grid-columns-micro
4
sbb-layout-base-grid-columns-small
4
sbb-layout-base-grid-columns-medium
8
sbb-layout-base-grid-columns-large
8
sbb-layout-base-grid-columns-wide
12
sbb-layout-base-grid-columns-ultra
16
Base Grid Gutter

sbb-layout-base-grid-gutter-responsive-zero

16

sbb-layout-base-grid-gutter-responsive-micro

16

sbb-layout-base-grid-gutter-responsive-small

24

sbb-layout-base-grid-gutter-responsive-medium

24

sbb-layout-base-grid-gutter-responsive-large

32

sbb-layout-base-grid-gutter-responsive-wide

32

sbb-layout-base-grid-gutter-responsive-ultra

32

Base Grid Offset

sbb-layout-base-offset-responsive-zero

16

sbb-layout-base-offset-responsive-micro

20

sbb-layout-base-offset-responsive-small

48

sbb-layout-base-offset-responsive-medium

56

sbb-layout-base-offset-responsive-large

64

sbb-layout-base-offset-responsive-wide

72

sbb-layout-base-offset-responsive-ultra

120

Impressum Contact Paramètres des cookies