骨架屏

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

安装

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

导入

用法

独立使用

默认情况下，骨架屏会采用其 children 组件的形状，但你也可以将其用作独立组件。

加载完成状态

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

插槽

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

数据属性

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

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

API

骨架属性