Skeleton

Skeleton 是一个占位符，用于显示加载状态和组件的预期形状。

安装

以上命令仅用于单独安装。如果已全局安装，则可以跳过此步骤 @heroui/react。

导入

用法

独立使用

Skeleton 默认采用其 children 组件的形状，但您也可以将其用作独立组件。

加载状态

您可以使用 isLoaded 属性停止骨架动画并显示子组件。

插槽

• base: 骨架的基本插槽，它包含 before 和 after 伪元素以创建动画。
• content: 包裹的组件，用于显示骨架形状。仅当 isLoaded 属性为 true 时才可见。

数据属性

Skeleton 在 base 元素上具有以下属性

• data-loaded: 指示骨架的加载状态。基于 isLoaded 属性。

API

Skeleton Props