Number Field

The Grand Exchange quantity field with − and + buttons.

Installation

npx shadcn@latest add https://osrsui.com/r/number-field.json

Usage

<NumberField defaultValue={1000} min={1} />

variant="inset" puts − / + buttons inside the field, drawn like a Select’s arrow button, for settings rows and side panels.

<NumberField variant="inset" defaultValue={0} min={0} />