Warnings

Like the validations, warnings are used to define what should be shown to the user warnings on the fields. It's mainly used to inform the user that the value is not valid, but it's not a required field. It will display a orange text with the message below the field.

Structure

{
  "text": {
    "component": "text",
    "label": "Warning for text length",
    "warnings": [
      {
        "expectation": "to.have.lengthOf.below",
        "value": 4,
        "message": "Max 3 characters allowed"
      }
    ]
  }
}

This will display a warning if the text length is greater than 3 characters, but it's not considered as an error, so the user can still submit the form.

Storybook Examples

Warnings#