Skeleton
jsx
import Skeleton from '@semcore/ui/skeleton';
<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 |
Skeleton.Text
jsx
import Skeleton from '@semcore/ui/skeleton';
<Skeleton.Text />;
import Skeleton from '@semcore/ui/skeleton';
<Skeleton.Text />;
SkeletonTextProps
& {...}Name | Type | Description |
---|---|---|
amount | string | number | Number of items to be returned |
LineChartSkeleton
jsx
import { LineChartSkeleton } from '@semcore/ui/skeleton';
import { LineChartSkeleton } from '@semcore/ui/skeleton';
LineChartSkeletonProps
& {...}Name | Type | Description |
---|---|---|
type | "linear" | "monotone" |
AreaChartSkeleton
jsx
import { AreaChartSkeleton } from '@semcore/ui/skeleton';
import { AreaChartSkeleton } from '@semcore/ui/skeleton';
AreaChartSkeletonProps
& {...}Name | Type | Description |
---|---|---|
type | "linear" | "monotone" |
BarChartSkeleton
jsx
import { BarChartSkeleton } from '@semcore/ui/skeleton';
import { BarChartSkeleton } from '@semcore/ui/skeleton';
BarChartSkeletonProps
& {...}Name | Type | Description |
---|---|---|
layout | "horizontal" | "vertical" |
HistogramChartSkeleton
jsx
import { HistogramChartSkeleton } from '@semcore/ui/skeleton';
import { HistogramChartSkeleton } from '@semcore/ui/skeleton';
HistogramChartSkeletonProps
& {...}Name | Type | Description |
---|---|---|
layout | "horizontal" | "vertical" |
DonutChartSkeleton
jsx
import { DonutChartSkeleton } from '@semcore/ui/skeleton';
import { DonutChartSkeleton } from '@semcore/ui/skeleton';
DonutChartSkeletonProps
& {...}Name | Type | Description |
---|---|---|
halfsize | boolean | Semi donut |
BubbleChartSkeleton
jsx
import { BubbleChartSkeleton } from '@semcore/ui/skeleton';
import { BubbleChartSkeleton } from '@semcore/ui/skeleton';
ScatterPlotChartSkeleton
jsx
import { ScatterPlotChartSkeleton } from '@semcore/ui/skeleton';
import { ScatterPlotChartSkeleton } from '@semcore/ui/skeleton';
VennChartSkeleton
jsx
import { VennChartSkeleton } from '@semcore/ui/skeleton';
import { VennChartSkeleton } from '@semcore/ui/skeleton';
RadialTreeChartSkeleton
jsx
import { RadialTreeChartSkeleton } from '@semcore/ui/skeleton';
import { RadialTreeChartSkeleton } from '@semcore/ui/skeleton';