加载与占位 / COMPONENT ATLAS

骨架块SkeletonBox

用基础矩形占据内容加载后的空间,可以组合出文字、图片等轮廓。

组件预览。

01 / COMPONENT PREVIEW
● SkeletonBox
COMPONENT PREVIEW · 跟随全站主题

用法

02 / USAGE

下方展示组件的调用方式。

RUST · DIOXUS RSX
rsx! {
    SkeletonBox { class: "w-48 h-3 rounded", animate: true }
}

主要属性

03 / PROPERTIES
属性 / 类型默认值说明
class&'static str必填宽度、高度与形状。
styleOption<&'static str>None可选行内样式。
animatebooltrue是否显示脉冲动画。
YGGDRASIL · 每一个细节,都有回应。src/components/skeletons/atoms.rs
© 2026 Yggdrasil