Skeleton

feedback

Use to show a placeholder while content is loading.

Preview

Installation

npm install @launchapp/design-system
Import
import { Skeleton } from "@launchapp/design-system";

Examples

Skeleton Loading

<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>

Props

PropTypeDefaultDescription
className
string—Additional CSS classes to control size and shape.
← PreviousSheet
Next →Slider