安装
pnpm dlx shadcn@latest add https://loading.design/r/shimmer-text.json用法
import { ShimmerText } from "@/components/loading/shimmer-text"
<ShimmerText text={"Thinking…"} size={14} speed={1.8} active={true} />API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| text | string | Thinking… | 显示的状态文字或已接收的完整流式回复。 |
| size | number | 14 | 文字大小，单位为像素。 |
| speed | number | 1.8 | 动画时长（秒）。对于流式文字，此值为每个字符淡入的时长。 |
| active | boolean | true | 是否启用动画。工作完成后关闭，可隐藏流式光标。 |
| label | string | Thinking… | 无障碍状态标签。装饰用途请传入空字符串。 |
无障碍
组件通过标签提供礼貌的状态提示。仅在附近的文字已说明加载状态，或动画仅用于装饰时，才使用空标签。