DesignX
Core@paxeer/core/skeletonimplemented

Skeleton

shadcn Skeleton on surface-variant.

Install

$pnpm exec designx add @paxeer/core/skeleton

Preview

Source code

components/designx/core/skeleton.tsxtsx
import { type ComponentProps } from "react";
import { cn } from "../lib/cn";

/** Adapted from shadcn/ui Skeleton. */

export function Skeleton({ className, ...props }: ComponentProps<"div">) {
  return (
    <div
      data-slot="skeleton"
      className={cn("animate-pulse rounded-[var(--md-sys-shape-corner-small)] bg-surface-variant", className)}
      {...props}
    />
  );
}

Dependencies

Registry dependencies