@manhphi1309/skeleton

A beautifully designed skeleton component to show placeholders while content is loading.

Subcomponents

This package provides the following components:

• Skeleton

Dependencies

This package relies on:

• @manhphi1309/utils
• clsx
• tailwind-merge

Installation

npm install @manhphi1309/skeleton

Usage Example

import { Skeleton } from "@manhphi1309/skeleton"

export default function Example() {
  return (
    <div className="flex items-center space-x-4">
      <Skeleton className="h-12 w-12 rounded-full" />
      <div className="space-y-2">
        <Skeleton className="h-4 w-[250px]" />
        <Skeleton className="h-4 w-[200px]" />
      </div>
    </div>
  )
}