Spinner

五种纯 CSS 加载动画：圆环、圆点、条形、脉冲和轨道。

#spinner #loader #loading

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

SpinnerProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"span">, "children">

属性	类型	默认值	说明
variant	`SpinnerVariant`	`"ring"`	—
size	`number`	`24`	Box size in px
label	`string`	`"Loading"`	Screen-reader label

安装

$ npx shadcn@latest add https://chromotion.dev/r/spinner.json

同类组件

Progress Bar

反馈与状态

支持确定与不确定状态的进度条，带标签、百分比和条纹动画。

Skeleton

反馈与状态

骨架屏基础组件，支持脉冲或流光效果，并附带卡片与列表组合。

Alert

反馈与状态

带图标的内联提示条，支持信息、成功、警告、错误四种样式，可选标题、关闭按钮和操作。