文档菜单

双弧

两条同心圆弧沿相反方向旋转。

安装

pnpm dlx shadcn@latest add https://loading.design/r/dual-arc.json

用法

import { DualArc } from "@/components/loading/dual-arc"
<DualArc size={36} speed={1.2} />

API

属性类型默认值说明
sizenumber36渲染的宽度与高度,单位为像素。
speednumber1.2一次动画循环的时长,单位为秒。
labelstringLoading无障碍状态标签。装饰用途请传入空字符串。

无障碍

组件通过标签提供礼貌的状态提示。仅在附近的文字已说明加载状态,或动画仅用于装饰时,才使用空标签。