DEV Community

loading...
Cover image for Angular Password

Angular Password

primetek profile image PrimeTek ・1 min read

Angular Password displays strength indicator for password fields.

Setup

Refer to PrimeNG setup documentation for download and installation steps for your environment.

import {PasswordModule} from 'primeng/password';
Enter fullscreen mode Exit fullscreen mode

Getting Started

Password is applied to an input field with pPassword directive.

<input type="password" pPassword />
Enter fullscreen mode Exit fullscreen mode

Model Binding

A model can be bound using standard ngModel directive.

<input type="password" pPassword [(ngModel)]="property"/>
Enter fullscreen mode Exit fullscreen mode

Theming

Password supports various themes featuring Material, Bootstrap, Fluent as well as your own custom themes via the Designer tool.

Resources

Visit the PrimeNG Password showcase for demos and documentation.

Discussion (0)

Forem Open with the Forem app