Principes Bases Accessibilité Système de design Guidelines Deutsch Français Italiano English Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs fonctionnelles Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Overview Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Sens & objectif Community Assets Instructions Power-Apps Bandeaux publicitaires numériques SAP Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles Deutsch English 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 Contact Protection des données Paramètres des cookies