Principi Base Accessibilité Sistema di design Guidelines Deutsch Français Italiano English I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza Portale della marca FFS Logo Orologio digitale Diritti di utilizzazione Colori die base Colori addizionali Colori Off Brand Icone Icone dell'orario Pittogrammi Informazioni sull’accessibilità Über diesen Guide Contatti Letture consigliate Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Aiuto Processo Contribution Contatto Introduzione Base Componenti Introduzione Releases Design Tokens Componenti Introduzione Base Informations Introduzione Base Componenti Introduzione Power-Apps Banner pubblicitari digitali SAP IA Design : Base. Icone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili: Deutsch English 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.
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 Error
Error Negative
Error With Custom Icon And Long Message
HTML in Zwischenablage kopiert.
Implementation

The sbb-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-error> This is a required field. </sbb-error>

<sbb-error>
  <sbb-icon name="pie-small" slot="icon"></sbb-icon>
  This is a required field.
</sbb-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.