@thumbtack/tp-ui-react-form-note v1.0.5

package: '@thumbtack/tp-ui-react-form-note' kit: component/form-note.yaml platform: react

url: /api/components/component/form-note/react/

Examples

Basic form note

<React.Fragment>
    <Label for="example-39189">Password</Label>
    <Input id="example-39189" type="password" onChange={() => {}} />
    <div className="mt1">
        <FormNote>Passwords must be at least 8 characters long.</FormNote>
    </div>
</React.Fragment>

Form note describing an error

<React.Fragment>
    <Label for="example-291929" text="Email address" hasError>
        Email address
    </Label>
    <Input id="example-291929" hasError value="example@exampl" onChange={() => {}} />
    <div className="mt1">
        <FormNote hasError>The email address you entered is incorrect.</FormNote>
    </div>
</React.Fragment>