Helper Text

Helper Text provides additional guidance, hints, or validation feedback for form fields.

Import

import { HelperText } from "@shivms/ui";

Sizes

Small

This field is optional.

Medium

This field is optional.

Large

This field is optional.

Variants

Default

Enter your full name.

Success

Looks good.

Error

Please enter a valid email address.

Warning

Password strength is weak.

Examples

Information

Your password must contain at least 8 characters.

Hint

Only letters and numbers are allowed.

Success

Username is available.

Error

This field cannot be empty.