Quantity Input

ProNew

A minus / value / plus stepper backed by an ARIA spinbutton that clamps to its range.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac-pro/quantity-input

Prop	Type	Default	Description
`value`	`number`	-	Controlled value.
`defaultValue`	`number`	`1`	Initial value when uncontrolled.
`min`	`number`	`0`	Lower bound.
`max`	`number`	`Infinity`	Upper bound.
`step`	`number`	`1`	Increment per button press.
`onChange`	`(value: number) => void`	-	Fired when the value changes.
`disabled`	`boolean`	`false`	Disable all controls.
`label`	`string`	`Quantity`	Accessible name for the field.