Number stepperFree

Minus and plus, digits roll in the direction you go.

Seats

Props

label

min0

max99

step1

defaultValue3

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Corner radius1.00×

Preview background

Install

$npx nex-ui add number-stepper

Usage

import { NumberStepper } from "@/components/nex-ui/number-stepper";

<NumberStepper
  t={{ label: "Seats", decrease: "Fewer seats", increase: "More seats" }}
/>