Skeleton

Use to show a placeholder while content is loading. By using a Skeleton, you can give the user an idea of what the content will look like, reducing the perceived loading time and CLS (Cumulative Layout Shift).

import { Skeleton } from "@ngrok/mantle/skeleton";

Skeleton Media Object

The Skeleton component can be included within components. You can also pass Tailwind utility classes for further control.

import { MediaObject, MediaObjectMedia, MediaObjectContent } from "@ngrok/mantle/media-object";
import { Skeleton } from "@ngrok/mantle/skeleton";