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