Skip to Content
🎉 Coral x Panda has been released 🎉 Read the Migration Guide

CreatePasswordInput

CreatePasswordInput is a sub-component of the CreatePassword organism.

Basic Usage

import { CreatePassword, CreatePasswordInput } from '@krakentech/coral-organisms'; <CreatePassword> <Formik initialValues={{}} onSubmit={(values) => console.log(values)}> <Form method="post"> <CreatePasswordInput label="Password (8 characters minimum)" strengthLabel="Strength" poorLabel="Lousy..." avgLabel="Probably fine?" goodLabel="Smashed it!" /> </Form> </Formik> </CreatePassword>;

Full API

NameTypeDefault
labelstring

The label of the input field.

Password
strengthLabelstring

The prefixed label before the strength meter read-out.

Strength
poorLabelstring

The strength meter label for a poor password.

Lousy...
avgLabelstring

The strength meter label for an average password.

Probably fine?
goodLabelstring

The strength meter label for a good password.

Smashed it!
capLockActiveLabelstring

The label to be displayed to the user when their caps lock is active.

Caps lock is enabled.
Last updated on