Password Box

import { AXPasswordBoxModule } from '@acorex/components/password-box';

Password Box component is a specialized input field designed for securely capturing user passwords. It incorporates essential features to enhance usability, accessibility, and security while maintaining a user-friendly interface.

Overview

In this section, you can test different options of this component and see the output in real time

Fragile

At least 8 characters

English upper case letter

English lower case letter

Digits (0-9)

Special character(%,#...)

Look

Solid

Readonly

Disabled

Toggle

Show hint

Usage

A simple example of using ax-password-box

Preview

Code

Strength Validation

This feature visually indicates the strength of the password.

Preview

Code

Clear Button

You can use ax-clear-button decorator for adding clear button to password box.

Preview

Code

Read Only and Disable state

You can pass a boolean to read only and disable property for active and deactivate them.

Preview

Code

Toggle Button

You can pass a boolean to showToggleButton property for toggle show password button.if you do not pass it the default value is 'true'

Preview

Code

Auto Complete

You can pass 'current-password' or 'new-password' or 'one-time-code' or 'off' values to auto complete property.if you do not pass it the default value is 'off'

Preview

Code