Skeleton

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

NSSkeleton.Props

& & {...}

Name	Type	Description
hidden	boolean	Skeleton visibility control property
duration	string | number	Animation speed in ms
theme	"default" | "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 />;

NSSkeleton.Text.Props

& {...}

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

LineChartSkeleton

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

NSSkeletonLineChart.Props

& {...}

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

AreaChartSkeleton

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

NSSkeletonAreaChart.Props

& {...}

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

BarChartSkeleton

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

NSSkeletonBarChart.Props

& {...}

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

HistogramChartSkeleton

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

NSSkeletonHistogramChart.Props

& {...}

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

DonutChartSkeleton

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

NSSkeletonDonutChart.Props

& {...}

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