LoginPasswordInput

LoginPasswordInput is a sub-component of the Login organism.

It is used to allow the user to enter their password.

Basic Usage


import { Login, LoginPasswordInput } from '@krakentech/coral-organisms';
import { Formik, Form } from 'formik';
 
<Login>
    <Formik
        initialValues={{ password: '' }}
        onSubmit={(values) => console.log(values)}
    >
        <Form method="post" style={{ width: '100%' }}>
            <LoginPasswordInput label="Password" />
        </Form>
    </Formik>
</Login>;

Full API

Name	Type	Default
`label`	`string` The label for the Password input
`ariaLabels`	`{ showPassword: string; hidePassword: string; }` The aria-labels for the show and hide password icon buttons
`inputProps`	`Omit<InputHTMLAttributes<HTMLInputElement>, "className" \| "style"> \| undefined`