The brandLink target opens in a new window. SBB Brand portal Logo Digital clock Rights of useColors Base colors Additional colors Off brand colorsAssets Icons Timetable icons PictogramsLanguage About UX Writing Button and link texts Forms and inputs Notifications Progress indicators Digital word list
Introduction About accessibility About this 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 What is Lyne? Releases Presets & Themes Design Tokens Components TemplatesMaps Overview Base InformationsPatterns Overview
Regulations App IconsGuides Power-Apps Digital banner ads SAP Design Guidelines AI Design: Basics
Textarea.
Overview
What does the component do?
It is used for the entry of larger quantities of text in forms.
When should the component be used?
When the entry of longer text is required from the user.
Rules
The text area always has a label.
A question mark in the circle can also be shown – in addition to the label – for detailed explanations. A tooltip opens when this question mark is clicked on.
The number of characters still available is shown bottom right (outside the text area is disabled).
The basic height can be set when designing the form.
If the text is longer than the basic height of the text area, the element increases in height with the content.
Variants
States
The component has the following states:
Default
Focused
Disabled
Error
Mandatory
Readonly
Variants
Default
Specifications
Link target opens in a new window.DesignLink target opens in a new window.Code