skeleton

PreviousNext
Docs
reuiui

Preview

Loading preview…
registry/default/ui/skeleton.tsx
import * as React from 'react';
import { cn } from '@/registry/default/lib/utils';

function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {
  return <div data-slot="skeleton" className={cn('animate-pulse rounded-md bg-accent', className)} {...props} />;
}

export { Skeleton };

Installation

npx shadcn@latest add @reui/skeleton

Usage

import { Skeleton } from "@/components/ui/skeleton"
<Skeleton />