---
title: "Validation"
canonical: https://sky-ui.cf.sky.com/components/validation
---

# Validation

**Note:** 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** <br /> Used to help the user see quickly if this is an error or success validation.

2. **Validation message** <br /> 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**