文档菜单

花瓣轮

八片圆润花瓣依次传递柔和的高光。

安装

pnpm dlx shadcn@latest add https://loading.design/r/petal-wheel.json

用法

import { PetalWheel } from "@/components/loading/petal-wheel"
<PetalWheel size={36} speed={1.2} />

API

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

无障碍

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