Helper Text

Import

import { HelperText } from '@windmill/react-ui'

Base

You should use HelperText to give more information alongside form fields. The default base HelperText doesn't need any special prop.

<HelperText>Password should have more than 6 characters</HelperText>

Valid

The valid prop applies valid styles to the HelperText.

<HelperText valid>Your password is strong</HelperText>

Invalid

Give a value of false to the valid prop to apply invalid styles to the HelperText.

<HelperText valid={false}>Provide a valid email</HelperText>

Props overview

Customizing

See Customization to learn how to change defaultTheme styles.