Counter

A numeric input control featuring increment and decrement buttons, smoothly animating number transitions using the SlidingNumber component.

0123456789

Installation

<Counter number={number} setNumber={setNumber} />

Prop	Type	Default
`transition?`	`Transition`	`{ type: "spring", bounce: 0, stiffness: 300, damping: 30 }`
`slidingNumberProps?`	`Omit<SlidingNumberProps, 'number'>`	-
`setNumber`	`(number: number) => void`	-
`number`	`number`	-
`className?`	`string`	-
`buttonProps?`	`Omit<React.ComponentProps<typeof Button>, 'onClick'>`	-

Built by Skyleen. The source code is available on GitHub.