Skeleton

Skeleton is part of the States set, imported from @jcsoftdev/ui/states.

Import

import { Skeleton } from "@jcsoftdev/ui/states";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/states/skeleton.

Usage

<Skeleton variant="lines" lines={3} rows={4} label="Cargando clientes" />

Props

Prop	Type	Default	Description
variant	"table" | "lines" | "card"	"lines"
lines	number	3	Number of lines for the lines variant.
rows	number	4	Number of rows for the table variant.
label	string	"Loading"	Text announced to screen readers while loading.
className	string

* marks a required prop.

Storybook stories

• Default
• Lines
• Table
• Card

Source

packages/ui/src/states/skeleton/skeleton.tsx