Got to navigation
Go to navigation
Contact
Menu
Principles
Foundation
Accessibility
Design System
Guidelines
Deutsch
Français
Italiano
English
Our design principles
User-centred
Recognisable
Inclusive
Reduced
Holistic
Self-explanatory
Task-oriented
Appropriate
SBB Brand portal
Logo
Digital clock
Rights of use
Base colors
Additional colors
Off brand colors
Icons
Timetable icons
Pictograms
About accessibility
Über diesen Guide
Contact
Further information
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
What is a design system?
Designing
Coding
FAQ
Help
Process
Contribution
Contact
Overview
Base
Components
Overview
Releases
Design Tokens
Components
Overview
Base
Informations
Overview
App Icons
Power-Apps
Digital banner ads
SAP Design Guidelines
AI Design: Basics
Components
v4.10.0
Enter keyword
All
Design Token
Action
Container
Display
Form
Indicator
Navigation
More Info
Accordion
Container
Figma
Code
More Info
Action-Group
Container
Figma
Code
More Info
Alert
Indicator
Figma
Code
More Info
Autocomplete
Form
Figma
Code
More Info
Autocomplete-Grid
Form
Figma
Code
More Info
Breadcrumb
Navigation
Figma
Code
More Info
Button
Action
Figma
Code
More Info
Calendar
Form
Figma
Code
More Info
Mini-Calendar
Form
Figma
Code
More Info
Card
Container
Figma
Code
More Info
Carousel
Container
Figma
Code
More Info
Checkbox
Form
Figma
Code
More Info
Checkbox-Group
Form
Figma
Code
More Info
Checkbox-Panel
Form
Figma
Code
More Info
Chip
Form
Figma
Code
More Info
Chip-Label
Indicator
Figma
Code
More Info
Clock
Indicator
Figma
Code
More Info
Container
Container
Figma
Code
More Info
Datepicker
Form
Figma
Code
More Info
Dialog
Container
Figma
Code
More Info
Divider
Display
Figma
Code
More Info
Expansion-Panel
Container
Figma
Code
More Info
File-Selector
Form
Figma
Code
More Info
Flip-Card
Container
Figma
Code
More Info
Footer
Navigation
Figma
Code
More Info
Form-Field
Form
Figma
Code
More Info
Header
Navigation
Figma
Code
More Info
Icon
Display
Figma
Code
More Info
Image
Display
Figma
Code
More Info
Journey-Header
Display
Figma
Code
More Info
Link
Action
Figma
Code
More Info
Link-List
Action
Figma
Code
More Info
Link-List-Anchor
Action
Figma
Code
More Info
Loading-Indicator
Indicator
Figma
Code
More Info
Loading-Indicator-Circle
Indicator
Figma
Code
More Info
Logo
Display
Figma
Code
More Info
Map-Container
Container
Figma
Code
Documentation
More Info
Menu
Navigation
Figma
Code
More Info
Message
Indicator
Figma
Code
More Info
Navigation
Navigation
Figma
Code
More Info
Sidebar
Navigation
Figma
Code
More Info
Icon-Sidebar
Navigation
Figma
Code
More Info
Notification
Indicator
Figma
Code
More Info
Option
Form
Figma
Code
More Info
Overlay
Container
Figma
Code
More Info
Paginator
Indicator
Figma
Code
More Info
Popover
Container
Figma
Code
More Info
Tooltip
Container
Figma
Code
More Info
Radio-Button
Form
Figma
Code
More Info
Radio-Button-Group
Form
Figma
Code
More Info
Radio-Button-Panel
Form
Figma
Code
More Info
Select
Form
Figma
Code
More Info
Selection-Expansion-Panel
Form
Figma
Code
More Info
Signet
Brand
Figma
Code
More Info
Skiplink-List
Action
Figma
Code
More Info
Slider
Form
Figma
Code
More Info
Status
Indicator
Figma
Code
More Info
Stepper
Indicator
Figma
Code
More Info
Sticky-Bar
Container
Figma
Code
More Info
Tab-Group
Navigation
Figma
Code
More Info
Table-Wrapper
Display
Figma
Code
More Info
Tag-Group
Container
Figma
Code
More Info
Teaser
Action
Figma
Code
More Info
Teaser-Hero
Action
Figma
Code
More Info
Teaser-Product
Action
Figma
Code
More Info
Time-Input
Form
Figma
Code
More Info
Title
Display
Figma
Code
More Info
Toast
Indicator
Figma
Code
More Info
Toggle
Form
Figma
Code
More Info
Toggle-Check
Form
Figma
Code
No search results were found.
Try using different or fewer search terms.