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
This is your name.
invalid message
Wrong!
valid message
What a nice name!
with any kind of input
Look out the window to see.
Correct!
Incoming weather.No good!
ValidationFormGroup Props API
- for
stringRequiredId of the form input that the validation is for
- className
stringAdditional classnames for this component
- invalid
boolDetermines if invalid styles / message will be shown
- valid
boolDetermines if invalid styles / message will be shown
- validMessage
nodeMessage to display on valid input
- invalidMessage
nodeMessage to display on invalid input
- helpText
nodeHelp text for the form input
- children
node