Skip to content

ChartSkeleton

Open .md
Live preview

Loading example…

Loading placeholder with the rough shape of the chart that is coming.

import { ChartSkeleton } from "@jcsoftdev/ui/charts";

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

<ChartSkeleton height={220} label="Cargando ventas" shape="bars" />
Prop Type Default Description
height * number
label * string
shape "line" | "bars" | "ring" "bars" “bars” mimics columns, “line” a soft wave, “ring” a donut (for polar charts).
className string

* marks a required prop.

packages/ui/src/charts/core/chart-states.tsx