KeyFilter

KeyFilter is a directive to restrict individual key strokes. In order to restrict the whole input, use InputNumber or InputMask instead.


import { KeyFilterModule } from 'primeng/keyfilter';

KeyFilter provides various presets configured with the pKeyFilter property.


<input pInputText pKeyFilter="int" />
<input pInputText pKeyFilter="num" />
<input pInputText pKeyFilter="money" />
<input pInputText pKeyFilter="hex" />
<input pInputText pKeyFilter="alpha" />
<input pInputText pKeyFilter="alphanum" />

In addition to the presets, a regular expression can be configured for customization.


<input pInputText [pKeyFilter]="blockSpace" />
<input pInputText [pKeyFilter]="blockChars" />

Refer to InputText for accessibility as KeyFilter is a built-in add-on of the InputText.

Figma UI Kit
The official Figma UI Kit for Prime UI libraries, the essential resource for designing with PrimeOne components.
November Sale 2025
Limited coupons for PrimeStore's biggest sale. Claim yours before they're gone!