骨架 (Skeleton)

骨架是一個用於顯示載入狀態和元件預期形狀的佔位符。

安裝

以上命令僅適用於個別安裝。如果已全域安裝 @nextui-org/react ，您可以跳過此步驟。

導入

用法

獨立元件

Skeleton 預設會採用其 children 元件的形狀，但您也可以將其作為獨立元件使用。

已載入狀態

您可以使用 isLoaded 屬性來停止骨架動畫並顯示子元件。

插槽

• base：骨架的基本插槽，它包含 before 和 after 偽元素來建立動畫。
• content：要顯示骨架形狀的包裝元件。僅當 isLoaded 屬性為 true 時才可見。

資料屬性

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

• data-loaded：指示骨架的載入狀態。基於 isLoaded 屬性。

API

Skeleton 屬性