Help Text
Provides additional context to a form field. Automatically associated with parent inputs via aria-describedby.
Help text gives users the information they need to fill out a field correctly before they encounter an error.
Accessibility
When used inside a FormField, the association with the input is handled automatically. If used standalone, remember to link it manually using aria-describedby on the input.
Usage Example
import { HelpText } from '@holmdigital/components'; <div className="space-y-1"> <label htmlFor="pass">Password</label> <input id="pass" aria-describedby="pass-hint" /> <HelpText id="pass-hint">Must be at least 8 characters.</HelpText> </div>