Zur Navigation Zum Inhalt Kontakt Menu Find component Overview Lyne Principles Foundation Accessibility Design System Guidelines Deutsch Français Italiano English Our design principles User-centred Recognisable Inclusive Reduced Holistic Self-explanatory Task-oriented Appropriate SBB Brand portal Logo Digital clock Rights of use Base colors Functional colors Off brand colors Icons Timetable icons Pictograms About accessibility Über diesen Guide Contact Further information Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Help Process Contribution Contact Overview Base Components Overview Base Components Overview Base Components Overview Releases Design Tokens Komponenten Overview Base Informationen Sense & Purpose Community Assets Instructions Power-Apps Digital banner ads SAP Design Guidelines App Icons Form-Error 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.
Examples
Error
Error Negative
Error With Custom Icon And Long Message
HTML-Markup kopiert.
Imprint Contact Cookie settings