Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Übersicht Basis Komponenten Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Textarea

Übersicht

Was macht die Komponente?

  • Dient zur Eingabe von grösseren Textmengen in Formularen.

Wann soll die Komponente eingesetzt werden?

  • Wenn von den Benutzer*innen längere Texteingaben verlangt werden.

Regeln

  • Die Textarea hat immer ein Label.
  • Für detaillierte Erklärungen kann neben dem Label ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein Tooltip.
  • Unten rechts wird die noch verfügbare Anzahl Zeichen angezeigt (ausser die Textarea ist disabled).
  • Die Basishöhe kann beim Gestalten des Formulars gesetzt werden.
  • Wird der Text länger als die Basishöhe der Textarea, wächst die Komponente in der Höhe mit dem Inhalt mit.
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Default
  • Focused
  • Disabled
  • Error
  • Mandatory
  • Readonly

Varianten

Standard

Darstellung eines Textareas

Spezifikationen

DesignCode

Impressum Kontakt Datenschutz Cookie Einstellungen