Switch to Wilmington
Overview

Inline Error

The inline error component is used to indicate that required information in a user input field is missing or invalid.

Usage

Error message here.
Inline Error
Inline errors are a filled container that appear below an input in the error state. They are directly attached to and affect the input field that requires correction. The message in the error container input will give the user clear direction on how to resolve the error.

Design Environment

Please enter your full name.
Inline errors must always be used with an input in the error state.

Microcopy

Inline errors should follow the guidelines for writing error messages detailed in the feedback and errors page.