shadcn, restyled · @jengacore/skeleton

Skeleton

Shimmer placeholder on muted; still under reduced motion.

Install

terminal

npx shadcn@latest add @jengacore/skeleton

Without the namespace configured: npx shadcn@latest add https://ui.jengacore.com/r/<new-york-v4|base-nova>/skeleton.json

Registry dependencies

@jengacore/theme

Source

components/ui/skeleton.tsx

import * as React from "react"

import { cn } from "@/lib/utils"

/** Loading placeholder: a slow shimmer on `muted`, switched off by reduced motion. */
function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
  return <div data-slot="skeleton" aria-hidden className={cn("skeleton h-4", className)} {...props} />
}

export { Skeleton }