安装
pnpm dlx shadcn@latest add https://loading.design/r/ring.json用法
import { Ring } from "@/components/loading/ring"
<Ring size={20} speed={0.8} />API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| size | number | string | 20 | 渲染的宽度与高度。请将颜色和布局样式应用到外层元素。 |
| speed | number | 0.8 | 一次旋转的时长，单位为秒。 |
| label | string | Loading | 无障碍状态标签。装饰用途请传入空字符串。 |
无障碍
组件通过标签提供礼貌的状态提示。仅在附近的文字已说明加载状态，或动画仅用于装饰时，才使用空标签。