⚠️ Mixin UI is currently in alpha stage
Documentation
Customization
Components

Input Mask

Used to enter input in a certain format such as numeric, date, currency or phone.

Import

import {
  XInputMask,
  XControl
} from '@mixin-ui/kit';

Usage

@Component({
  template: `
    <x-input-mask pattern="+{421} 000 000 000">
      <input x-control [(ngModel)]="value" />
    </x-input-mask>
  `
})
export class Usage {
  readonly value = signal('');
}

API

Inputs

NameTypeDefault
variant
enum
outline
size
enum
md
radius
enum
md
pattern
string
showFiller
boolean
true
fillerChar
string
"_"
strict
boolean
true