@packpackman/counter
v2.1.0
Published
A React hook for managing counters
Downloads
5
Maintainers
Readme
Counter
A React hook that provides simple and advance counter functionalities. Mostly used to create numeric inputs and countdown timers.
Installation
yarn add @chakra-ui/counter
# or
npm i @chakra-ui/counter
Import hook
import { useCounter } from "@chakra-ui/counter"
Basic usage
export function Example() {
const counter = useCounter({
max: 10,
min: 0,
step: 0.1,
})
return (
<div>
<button onClick={() => counter.increment()}>Increment</button>
<p>{counter.value}</p>
<button onClick={() => counter.decrement()}>Decrement</button>
</div>
)
}