复制一段给 AI 编程工具的提示词,包含源码、依赖和用法
属性
CircularProgressProps
同时支持以下类型的全部属性: Omit<React.ComponentProps<"div">, "children">
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value* 必填 | number | — | 0 - 100 |
| size | number | 96 | Outer diameter in px |
| thickness | number | 8 | Stroke width in px |
| color | string | "text-primary" | Tailwind text color class for the arc, e.g. "text-emerald-500". Defaults to text-primary. |
| children | React.ReactNode | — | Replace the default percent text in the center. |
| showValue | boolean | true | — |
| label | string | "Progress" | — |
安装
$ npx shadcn@latest add https://chromotion.dev/r/circular-progress.json