Autofill

Detect autofill events on input elements. This can be useful for styling or behavior changes when the browser autofills an input. Floating labels are a common use case for this directive.

Import

Import the Autofill primitives from ng-primitives/autofill.

import { NgpAutofill } from 'ng-primitives/autofill';

Usage

Assemble the autofill directives in your template.

<input ngpAutofill />

API Reference

The following directives are available to import from the ng-primitives/autofill package:

NgpAutofill

• Selector: [ngpAutofill]
• Exported As: ngpAutofill

Event emitted when the autofill state changes.

Data Attributes

The following data attributes are applied to the ngpAutofill directive:

Attribute	Description	Value
data-autofill	The autofill state of the input.	true | false