Skeleton

import Skeleton from '@semcore/ui/skeleton';
<Skeleton />;

SkeletonProps

& & {...}

Name	Type	Description
hidden	boolean	Skeleton visibility control property
duration	string | number	Animation speed in ms
theme	"dark" | "invert"	Skeleton theme
locale	string	Specifies the locale for i18n support
observeParentSize	boolean	Enable ResizeObserver for parent Element to recalculate skeleton size.

Skeleton.Text

import Skeleton from '@semcore/ui/skeleton';
<Skeleton.Text />;

SkeletonTextProps

& {...}

Name	Type	Description
amount	string | number	Number of items to be returned

LineChartSkeleton

import { LineChartSkeleton } from '@semcore/ui/skeleton';

LineChartSkeletonProps

& {...}

Name	Type	Description
type	"linear" | "monotone"	Controls the line interpolation style for the skeleton pattern

AreaChartSkeleton

import { AreaChartSkeleton } from '@semcore/ui/skeleton';

AreaChartSkeletonProps

& {...}

Name	Type	Description
type	"linear" | "monotone"	Controls the area curve interpolation style for the skeleton pattern

BarChartSkeleton

import { BarChartSkeleton } from '@semcore/ui/skeleton';

BarChartSkeletonProps

& {...}

Name	Type	Description
layout	"horizontal" | "vertical"	Controls the orientation of the bar chart skeleton

HistogramChartSkeleton

import { HistogramChartSkeleton } from '@semcore/ui/skeleton';

HistogramChartSkeletonProps

& {...}

Name	Type	Description
layout	"horizontal" | "vertical"	Controls the orientation of the histogram chart skeleton

DonutChartSkeleton

import { DonutChartSkeleton } from '@semcore/ui/skeleton';

DonutChartSkeletonProps

& {...}

Name	Type	Description
halfsize	boolean	Semi donut

BubbleChartSkeleton

import { BubbleChartSkeleton } from '@semcore/ui/skeleton';

ScatterPlotChartSkeleton

import { ScatterPlotChartSkeleton } from '@semcore/ui/skeleton';

VennChartSkeleton

import { VennChartSkeleton } from '@semcore/ui/skeleton';

RadialTreeChartSkeleton

import { RadialTreeChartSkeleton } from '@semcore/ui/skeleton';