Skip to content

Password input

@xngui/components/password-input
@xngui/components/password-input

Password input with reveal toggle.

Preview

At least 8 characters.

import { form, validate } from '@angular/forms/signals';
import { XForm } from '@xngui/components/form';
import { XFormField } from '@xngui/components/form-field';
import { XPasswordInput } from '@xngui/components/password-input';
 
private readonly model = signal({ password: '' });
 
protected readonly demoForm = form(this.model, (path) => {
syncDemoStringLength(path.password, () => this.controlState());
validate(path.password, ({ value }) => demoStringFieldErrors(this.controlState(), value));
});

Events

Interact with the preview — events will appear here.