Skeleton

Die Form des Inhalts, der lädt, mit leisem Pulsieren, nie ein Schimmer.

<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";

Props

shape
"circle" | "line" | "control" | "block" = block
Die Form, die es vertritt: eine Textzeile, ein Steuerelement, einen Kreis oder einen Block.