import {Password} from 'primeng/primeng';
Password is applied to an input field with pPassword directive.
<input type="text" pPassword />
A model can be bound using standard ngModel directive.
<input type="text" pPassword [(ngModel)]="property"/>
Name | Type | Default | Description |
---|---|---|---|
promptLabel | string | Please enter a password | Text to prompt password entry. |
weakLabel | string | Weak | Text for a weak password. |
mediumLabel | string | Medium | Text for a medium password. |
strongLabel | string | Strong | Text for a strong password. |
disabled | boolean | false | When present, it specifies that the element should be disabled. |
Following is the list of structural style classes, for theming classes visit theming page.
Name | Element |
---|---|
ui-password-panel | Container of password panel |
ui-password-meter | Meter element of password strength |
ui-password-info | Text to display strength |
Native component that requires the css of PrimeUI Password.
<h3 class="first">Password</h3>
<input pPassword type="password"/>