components
Validation Status
v.1.0.0 | Saturn
StorybookThis component provides the user with information on which standards each piece of data must comply with. And it validates based on the information that the user enters in the input that precedes it.
Components
Play with the component with our playground.
Anatomy
| Name | Description |
|---|---|
1 Required | width height |
2 Required | Illustration has to be 120px in height. |
3 Required | Defines the field to which the data refers and explains how it should be.Depending on the parent the content may be moved to a second or third line. |
States
Default
It is the initial state. No data has been inserted into the input yet or is not mandatory conditions . It informs about the conditions to be comply for a correct data
Success
This status reports that the inserted data is correct.
Error
This status informs that the inserted data is incorrect or does not comply with what is established for that field.
Sizes
- Maximum items
The number of items in this component can change depending on the field to be validated. The maximum of items is 6.
Options
- Default
The data of input is empty yet. It shows the conditions to be comply for a correct data.
- Some error
The data of input is incorrect or don’t meets the established conditions.
- All success
The data of input is correct and meets all the established conditions.
Layout
Explain text with more than one lines
- Placement
The component is placed under the input and fits the full width of the screen
