Data input

Input mask

Themed masked text input for phone numbers, dates, credit cards, and custom formats.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjInputMaskComponent } from '@kouji-ui/components';

Loading editor

mask

mode

disabled

invalid

auto clear

<kj-input-mask
  kjMask="(999) 999-9999"
  kjMaskMode="unmasked"
/>