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 -

  1. Validation icon
    Used to help the user see quickly if this is an error or success validation.

  2. 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