SkeletonGroup

One status announcement for every Skeleton inside; they render silent.

Import

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

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

Usage

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

Props

Prop	Type	Default	Description
label	string		Text announced once for the whole region. Defaults to the localized “Loading”.
className	string
children *	ReactNode

* marks a required prop.

Storybook stories

• Default
• Lines
• Table
• Card
• List
• Kpis
• Key Value
• Bar

Source

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