Skeleton

Preview

Installation

npx skeci-ui add skeleton

Usage

import { Skeleton } from '@/components/ui/skeleton';

<div className="flex items-center space-x-4">
  <Skeleton shape="circle" width={40} height={40} />
  <div className="space-y-2">
    <Skeleton width={250} height={16} />
    <Skeleton width={200} height={16} />
  </div>
</div>

Variants

Card Placeholder

Props

Prop	Type	Default	Description
width	number | string	'100%'	The width of the skeleton.
height	number | string	20	The height of the skeleton.
shape	'rectangle' | 'circle'	'rectangle'	The shape of the skeleton.