useCounter

Overview

A hook that manage counter.

pnpm dlx shadcn@latest add https://shadcn-ahooks.vercel.app/r/useCounter.json

npx shadcn@latest add https://shadcn-ahooks.vercel.app/r/useCounter.json

yarn shadcn@latest add https://shadcn-ahooks.vercel.app/r/useCounter.json

bun shadcn@latest add https://shadcn-ahooks.vercel.app/r/useCounter.json

A hook that manage counter.

const [current, {
  inc,
  dec,
  set,
  reset
}] = useCounter(initialValue, { min, max });

Property	Description	Type
current	Current value	`number`
inc	Increment, default delta is 1	`(delta?: number) => void`
dec	Decrement, default delta is 1	`(delta?: number) => void`
set	Set current value	`(value: number` \| `((c: number) => number)) => void`
reset	Reset current value to initial value	`() => void`

Property	Description	Type	Default
initialValue	Initial count	`number`	`0`
min	Min count	`number`	-
max	Max count	`number`	-