Package Exports
- @chakra-ui/counter
- @chakra-ui/counter/package.json
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/counterImport 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>
)
}