◇

NumberField

4 parts

Anatomy

Import the parts and compose them. Each part forwards attributes to its underlying element.

vue

import {
  NumberFieldDecrement,
  NumberFieldIncrement,
  NumberFieldInput,
  NumberFieldRoot,
} from '@robonen/primitives/number-field';

<NumberFieldDecrement>
  <NumberFieldIncrement />
  <NumberFieldInput />
  <NumberFieldRoot />
</NumberFieldDecrement>

API Reference

NumberFieldDecrement

Decrement

No props or events — renders its element and forwards attributes.

NumberFieldIncrement

Increment

No props or events — renders its element and forwards attributes.

NumberFieldInput

Input

Prop	Type	Default	Description
`placeholder`?	`string`	—	—
`name`?	`string`	—	—
`required`?	`boolean`	—	—

NumberFieldRoot

Root

Prop	Type	Default	Description
`modelValue`?	`number \| null`	—	—
`defaultValue`?	`number \| null`	—	—
`min`?	`number`	—	—
`max`?	`number`	—	—
`step`?	`number`	—	—
`disabled`?	`boolean`	—	—
`readonly`?	`boolean`	—	—