数字输入框

一个数字输入元素，带有增减按钮和拖动调节区域。

安装


pnpm dlx shadcn@latest add @lumi-ui/number-field

import { NumberField } from "@/components/ui/number-field"

<NumberField />

 <NumberField>
   <NumberFieldScrubArea />
 </NumberField>

警告

表单控件必须有可访问的名称。推荐使用 <Field> 提供可见的文本标签和说明，或者使用 aria-label 属性作为替代方案。

更多信息请参阅表单集成。