field-description.json

{
  "name": "FieldDescription",
  "description": "A paragraph with additional information about the field.\nRenders a `<p>` element.",
  "props": {
    "className": {
      "type": "string | (state) => string",
      "description": "CSS class applied to the element, or a function that\nreturns a class based on the component’s state."
    },
    "render": {
      "type": "React.ReactElement | (props, state) => React.ReactElement",
      "description": "Allows you to replace the component’s HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
    }
  },
  "dataAttributes": {
    "data-disabled": {
      "description": "Present when the field is disabled."
    },
    "data-valid": {
      "description": "Present when the field is in valid state."
    },
    "data-invalid": {
      "description": "Present when the field is in invalid state."
    },
    "data-dirty": {
      "description": "Present when the field's value has changed."
    },
    "data-touched": {
      "description": "Present when the field has been touched."
    },
    "data-filled": {
      "description": "Present when the field is filled."
    },
    "data-focused": {
      "description": "Present when the field control is focused."
    }
  },
  "cssVariables": {}
}