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

Input Number

Used to enter a number, and increment or decrement the value using stepper buttons.

Import

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

Usage

@Component({
  template: `
    <x-input-number>
      <input x-control [(ngModel)]="value">
    </x-input-number>
  `
})
export class Usage {
  readonly value = signal(0);
}

Examples

Decimal

Affixes

Separators

States

Customization

API

Inputs

NameTypeDefault
variant
enum
outline
size
enum
md
radius
enum
md
step
number
0
min
number
max
number
prefix
string
suffix
string
thousandsSeparator
string
" "
decimalSeparator
string
","
decimalScale
number
0
padDecimals
boolean
true