The brand
SBB Brand portal
Logo
Digital clock
Rights of useColors
Base colors
Functional colors
Off brand colorsAssets
Icons
Timetable icons
Pictograms
Introduction
About accessibility
Über diesen Guide
Contact
Further informationAccessibility by roles
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
First steps
What is a design system?
Designing
Coding
FAQ
HelpOrganisation
Process
Contribution
ContactMobile
Overview
Base
ComponentsLyne
Overview
Releases
Design Tokens
KomponentenMaps
Overview
Base
InformationenLean (Legacy)
Overview
Base
ComponentsCommunity Assets
Sense & Purpose
Community Assets
Instructions
Guides
Power-Apps
Digital banner ads
SAP Design GuidelinesRegulations
App Icons
Text input
Overview
What does the component do?
It is used for the entry of text and numbers.
When should the component be used?
When an entry from the user is required.
Rules
Optional entries include the text ‘(optional)’ behind the label text. For short fields, the text ‘(optional)’ can be abbreviated to ‘(opt.)’.
If the text becomes longer than the width of the entry field when being entered, the written text is moved to the left so that what is currently being written can always be seen.
After leaving the entry field with a long text, it is cut off at the end and designated with “…”.
If the user can never edit a form field, no entry field may be used (display as text).
The right type of keyboard must be selected depending on the type of entry field (default, e-mail, URL, phone)