计数器

反应钩能提供简单而先进的计数功能. 大部分时间 用于创建数字输入和倒计时器.

安装

yarn add @chakra-ui/counter

# or

npm i @chakra-ui/counter

导入钩头

import { useCounter } from "@chakra-ui/counter"

基本用途

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>
  )
}