安装
pnpm dlx shadcn@latest add https://loading.design/r/skeleton.json用法
import { Skeleton } from "@/components/loading/skeleton"
<Skeleton width={"100%"} height={20} radius={8} animated={true} />API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| width | string | 100% | 占位块宽度，可使用 CSS 长度或百分比。 |
| height | number | 20 | 占位块高度，单位为像素。 |
| radius | number | 8 | 圆角半径，单位为像素。使用较大值可形成胶囊或圆形。 |
| animated | boolean | true | 是否应用轻微的透明度脉冲。 |
无障碍
骨架占位内容对辅助技术隐藏。请为它代表的区域设置 aria-busy，并保持该区域的无障碍名称稳定。