Password
Component
Live
The Password component provides a secure single-line input for password entry.
- Usage
- Examples
- Properties
- Accessibility
- CSS Variables
Usage
The Password is a single-line text input specifically designed for secure password entry. It includes native functionality to hide entered characters by default, with a clickable icon allowing users to view their entered password in plain text.
Installation
Install
yarn add @iag/chroma-react-ui.components
Import
import { Password } from "@iag/chroma-react-ui.components";
When to use
Use Password when you need to collect secure password information from users.
When to avoid
Avoid using Password for standard text inputs, as it hides entered characters by default. Consider the Input component.
Do
- Do use informative error messages for easier correction.
- Do provide help text for additional context or prompts.
Don't
- Don’t show entered characters by default to maintain user security.