-
Notifications
You must be signed in to change notification settings - Fork 0
Helper Text
Nariman Bortov edited this page Jul 2, 2023
·
3 revisions
import { HelperText } from '@narimanb/wreactui'
You should use HelperText
to give more information alongside form fields. The default base HelperText
doesn't need any special prop.
Code
<HelperText>Password should have more than 6 characters</HelperText>
The valid
prop applies valid styles to the HelperText
.
Code
<HelperText valid>Your password is strong</HelperText>
Give a value of false
to the valid
prop to apply invalid styles to the HelperText
.
Code
<HelperText valid={false}>Provide a valid email</HelperText>
Prop | Description | Type | Default |
---|---|---|---|
valid |
apply valid or invalid styles to the input
|
boolean |
Original source: Estevan Maito https://windmillui.com/react-ui