Skeleton

Use to show a placeholder while content is loading.

Saved preference for elorm init --ui-library base-ui

PreviewCode

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

export function SkeletonDemo() {
  return (
    <div className="flex w-full max-w-sm flex-col gap-3">
      <Skeleton className="h-4 w-3/4" />
      <Skeleton className="h-4 w-full" />
      <Skeleton className="h-4 w-5/6" />
    </div>
  )
}

Installation#

Usage#

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

Use to show a placeholder while content is loading.

Progress Separator