Component · C-014

NumberField

A numeric field with steppers, limits and step size. The input accepts a numeric keypad and the buttons carry aria-label.

Install

Install koten-theme first when the project has no Koten tokens yet.

npx shadcn@latest add https://koten.codehive.com.co/r/number-field.json

Accessibility

• The input declares a numeric inputmode, and the steppers carry decrementLabel and incrementLabel as aria-label.
• At min or max the buttons disable, so the limit is perceivable without reading the value.
• The value can be typed with the keyboard; the steppers are a shortcut, not the only way.

Read the whole page

• Markdown page
• Agent index (llms.txt)
• Full documentation (llms-full.txt)

Koten UI · llms.txt · llms-full.txt · Markdown