Skeleton

Ready

Loading placeholder.

Installation

$ npx @oratiq-js/ui add skeleton

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

import

import { Skeleton, SkeletonText } from "@/components/ui/skeleton";

Match the shape of the content that will replace it.

Skeletons are aria-hidden. Announce the loading state once on the container with aria-busy — not once per bone.

View source on GitHub → components/ui/skeleton.tsx