ValidationFormGroup

Handles bootstrap style field validation and handles related aria attributes.

Manages the rendering of bootstrap-style:

  • Help text
  • Valid and invalid feedback

For children of type input, textarea, and select:

  • Appends bootstrap validation class names
  • Appends aria-describedby attributes (for help text and feedback)

basic usage

invalid message

valid message

with any kind of input

ValidationFormGroup Props API
  • for string Required

    Id of the form input that the validation is for

  • className string

    Additional classnames for this component

  • invalid bool

    Determines if invalid styles / message will be shown

  • valid bool

    Determines if invalid styles / message will be shown

  • validMessage node

    Message to display on valid input

  • invalidMessage node

    Message to display on invalid input

  • helpText node

    Help text for the form input

  • children node