Small instructional copy near a form field that guides users on what to enter or what went wrong. Status variants pair the message with a Status Icon.
Plain hint copy with no icon.
Three sizes — l (default),
m, and s — to
match the field they describe.
field hints, validation messages, and success feedback.
Most inputs accept a help-text prop that renders
this component for you.
negative for errors and positive for confirmation.aria-describedby so screen readers announce it with the input (the help-text prop on inputs wires this for you).negative messages, also expose the field’s invalid state (aria-invalid) and announce the text via a live region when it appears.disabled is intentionally dimmed, so don’t use it to convey active meaning.help-text prop that renders this.