ErrorMessage

A styled <p> for a form field's error/validation text.

When to use

Use ErrorMessage when composing a custom form control that needs standalone error text. The higher-level fields (TextInput, Textarea, …) render their own helper/error text via FormComponent, so you rarely need it directly.

There is no @uxf/form twin.

Usage

import { ErrorMessage } from "@uxf/ui/error-message";

<ErrorMessage id="email--error-message">This field is required.</ErrorMessage>;

Props

Requirements

Import the component stylesheet once in your global CSS:

@import url("@uxf/ui/css/error-message.css");