Validation
Overview
This stand-alone component is only to be used within Figma. Validation is already included in all React form components.
Purpose
Validation is used across multiple components to allow for consistency of error or success messaging.
Anatomy
The Validation component can be broken down into the following elements -
-
Validation icon
Used to help the user see quickly if this is an error or success validation. -
Validation message
Content area for the validation message informing the user of the error or success.
Variants & States
Validation content: Success, Default
The Success variant is available for legacy reasons, but not implicitly necessary.
Success
Error