隆重推出 Magic UI Pro - 50+ 区块和模板,助您在数分钟内构建精美着陆页。

命令面板

搜索要运行的命令...

文档
数字计数器

数字计数器

使数字向上或向下计数至目标数字

安装

示例

小数

起始值

用法

import { NumberTicker } from "@/components/magicui/number-ticker";
<NumberTicker value={100} />

属性

属性类型默认值描述
value整数0计数目标值
direction向上 | 向下"向上"计数方向
delaynumber0计数前的延迟
小数位数number0要显示的小数位数
起始值number0计数起始值