骨架

用途

导入 Tailwind 和一个完整的 A3S UI 样式包。

@import "tailwindcss";
@import "@a3s-lab/ui/a3s.css";

或者只导入基本CSS、组件组件CSS和一个样式包。

@import "tailwindcss";
@import "@a3s-lab/ui/base.css";
@import "@a3s-lab/ui/components/skeleton.css";
@import "@a3s-lab/ui/styles/a3s.css";

使用CDN或批量程序导入？请参见安装页。

添加具有大小调整工具类的 class="skeleton" 以创建加载占位符。

<div class="skeleton h-4 w-[150px]"></div>

骨架块是方向中立的。当间距取决于方向时，在它们周围使用逻辑布局工具类。