Zur Navigation Zum Inhalt Kontakt Menu Trova un componente Descrizione generale Lyne 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 Introduzione Base Componenti Introduzione Base Componenti Introduzione Design Tokens Componenti Introduzione Base Informazioni Senso & scopo Community Assets Istruzioni Power-Apps Banner pubblicitari digitali SAP Icone delle app
Trova un componente

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

 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

 Tooltip

Tooltip

 Tooltip-Trigger

Tooltip-Trigger

Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili: Deutsch English

Grid Breakpoints
zero
sbb-breakpoint-zero-min
0pxpx - 359pxpx
sbb-breakpoint-zero-max
micro
sbb-breakpoint-micro-min
360pxpx - 599pxpx
sbb-breakpoint-micro-max
small
sbb-breakpoint-small-min
600pxpx - 839pxpx
sbb-breakpoint-small-max
medium
sbb-breakpoint-medium-min
840pxpx - 1023pxpx
sbb-breakpoint-medium-max
large
sbb-breakpoint-large-min
1024pxpx - 1279pxpx
sbb-breakpoint-large-max
wide
sbb-breakpoint-wide-min
1280pxpx - 1439pxpx
sbb-breakpoint-wide-max
ultra
sbb-breakpoint-ultra-min
1440pxpx - 2579pxpx
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

16pxpx

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

16pxpx

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

24pxpx

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

24pxpx

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

32pxpx

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

32pxpx

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

32pxpx

Base Grid Offset

sbb-layout-base-offset-responsive-zero

16pxpx

sbb-layout-base-offset-responsive-micro

20pxpx

sbb-layout-base-offset-responsive-small

48pxpx

sbb-layout-base-offset-responsive-medium

56pxpx

sbb-layout-base-offset-responsive-large

64pxpx

sbb-layout-base-offset-responsive-wide

72pxpx

sbb-layout-base-offset-responsive-ultra

120pxpx

Contatto

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 Impostazioni dei cookie