FormsFree

Number Field

A numeric input with increment/decrement buttons.

Usage

bash

npm install @wunderui/react

Then import what you need:

tsx

import {
  NumberField,
  NumberFieldDecrement,
  NumberFieldGroup,
  NumberFieldIncrement,
  NumberFieldInput,
} from "@wunderui/react"

Minus and plus around a value, or a number field you can type into.

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Type the number of seats or step it up and down; the monthly total updates as you go.

Team seats

$12 per seat / month

$60 / month