Skeleton

加载中内容的形状，带低调的脉动，绝不使用闪光效果。

<div className="flex w-480 flex-col gap-4">
      {[64, 48, 72].map((w, i) => (
        <div key={i} className="flex h-44 items-center gap-12 px-16">
          <Skeleton shape="circle" className="size-16" />
          <Skeleton shape="line" style={{ width: `${w}%` }} />
        </div>
      ))}
    </div>

import { Skeleton, SkeletonLine } from "@logicplanes/kaeso-ui";

属性

shape
"circle" | "line" | "control" | "block" = block
它所代替的形状：一行文字、一个控件、一个圆形或一个方块。