Zur Navigation Zum Inhalt Kontakt Menu Trouver un composant Aperçu Lyne 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 Komponenten 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 Form-Error Info

Was macht die Komponente?

Sie ist Teil der Form-Field-Komponente.

Wann soll die Komponente eingesetzt werden?

  • Nur innerhalb der Form-Field-Komponente.

Übergeordnete Komponenten

Form-Field
Anatomie
Anatomie der Komponente
Nummer Typ Beschreibung Optional Hinweis
1 Standard-HTML input Nein
1b Standard-HTML input Ja Placeholder
2 Standard-HTML input Nein
3 Komponente sbb-icon Ja Prefix
4 Komponente sbb-icon oder sbb-form-field-clear Ja Suffix
5 Komponente sbb-form-error Nein Datei auswählen
Demo

Beispiele

Error
Error Negative
Error With Custom Icon And Long Message
HTML-Markup kopiert.
Implementation

The sbb-form-error component can be used to provide an error message in inputs components like the
sbb-checkbox-group and
sbb-radio-button-group,
or within the sbb-form-field.

Slots

It is possible to provide the error message via an unnamed slot;
the component displays an icon by default, that can be changed using the icon slot.

<sbb-form-error> This is a required field. </sbb-form-error>

<sbb-form-error>
  <sbb-icon name="pie-small" slot="icon"></sbb-icon>
  This is a required field.
</sbb-form-error>

Properties

Name Attribute Privacy Type Default Description
negative negative public boolean false Negative coloring variant flag.

Slots

Name Description
Use this slot to display the error message.
icon Use this slot to override the default error icon.
Impressum Contact Paramètres des cookies