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