TWIGS

Skeleton

Use to show a placeholder while content is loading.

Playground

Installation

Install in any React + Tailwind project:

$npx shadcn@latest add https://twigs.globirdenergy.com.au/r/skeleton.json

Source

The exact source file used by this page, preferring the Twigs registry file when one exists and falling back to the current shadcn-generated primitive.

import { cn } from '@/lib/utils';

function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
  return <div className={cn('animate-pulse rounded-md bg-secondary', className)} {...props} />;
}

export { Skeleton };