Error Message#

Error Message is like Read-only field. But without the label and the text is red.

It does not look much alone, but it is more meaningful to put in the context of the form:

In this example, the user entered their email address. But they've made a typo. The input fields change to the Invalid State to highlight the problem, and the Error Message component show the reason of the invalid state.

• Last name and First name in the page where user came back from doing the iDIN. On that page some information are shown as part of the form, but are not for the user to change.
• Street names in the Netherlands can be deduced by just the Postal Code and House Number (Example). When creating form for Dutch addresses, the Street Name field is often a Read-only field.

• If you want to temporarilly disable a field, do not swap the original text input with this one. Do this instead: just disable the Input component.