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

CreatePasswordBody

CreatePasswordBody is a sub-component of the CreatePassword organism.

Basic Usage

import { CreatePassword, CreatePasswordBody } from '@krakentech/coral-organisms'; <CreatePassword> <CreatePasswordBody> <Stack flexDirection="column" gap="sm"> <Typography> In order to keep your account safe there are a few things to avoid when creating your password: </Typography> <Typography component="div"> <List listStyleType="disc"> <ListItem>Passwords with less than 8 characters </ListItem> <ListItem>Common passwords like "password" and "football"</ListItem> <ListItem>Passwords based on your name or email address</ListItem> </List> </Typography> </Stack> </CreatePasswordBody> </CreatePassword>

In order to keep your account safe there are a few things to avoid when creating your password:

  • Passwords with less than 8 characters
  • Common passwords like “password” and “football”
  • Passwords based on your name or email address

Full API

NameTypeDefault
childrenReact.ReactNode
Last updated on