FormHelperText
Supplementary help text displayed below form fields to provide additional context, instructions, or examples. Muted styling to differentiate from errors. Automatically hidden when no content.
Live Preview
Basic
Basic Helper Text
Provide helpful hints below form inputs
This is how your name will appear on your profile
Guidance
Informational Messages
Guide users with helpful context
We'll never share your email with anyone
Use at least 8 characters, one uppercase letter and one number
Maximum 500 characters
Formats
Format Hints
Help users understand expected formats
Include country code for international numbers
Must include http:// or https://
Usage Guidance
✓ When to Use
Use for providing hints, examples, format instructions, or additional context for form fields. Best used within FormField component or directly below inputs.
✗ When NOT to Use
Don't use for error messages (use FormError instead), required field indicators (use FormField's required prop), or important warnings (use Alert).
Props
classNamestylechildrenonClickonChange