Message – digital.sbb.ch

Zur Navigation

Zum Inhalt

Kontakt

Menu

Find component

Overview Mobile

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

Design Tokens

Components

Overview

Base

Informationen

Sense & Purpose

Community Assets

Instructions

Power-Apps

Digital banner ads

SAP Design Guidelines

App Icons

Message

Overview

What does the component do?

It displays error messages.

When should the component be used?

When technical errors occur.

Rules

Error validations are used for error entries (e.g. in the input field), not error messages.

Variants

Variants

Type: Info / Hint / Warning / Error / Success
State: Default / Loading
Illustration: optional
Fehlercode: optional
Retry-Button: optional

Info

Image of a message, info

Image of a message, info

Hint

Image of a message, hint

Image of a message, hint

Warning

Image of a message, warning

Image of a message, warning

Error

Image of a message, error

Image of a message, error

Success

Image of a message, success

Image of a message, success

Specifications

Design

Do you have any questions? Maybe our FAQ or our help will be helpful, otherwise you can post your question on the corresponding board on Github.

Imprint

Contact

Cookie settings