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.