Skeleton

This component provides a placeholder while you wait for the content to load. The width and height of this component are fully customizable.

View source code

Skeleton

height
```
string
```
The height of the element.
width
```
string
```
The width of the element.
className
```
string
```
className for the element.

SkeletonAvatar

className
```
string
```
className for the element.
size
```
"l" | "m" | "s"
```
The size of the element.
Default: m
variant
```
"circle" | "square"
```
Whether the SkeletonAvatar should be square or circle.
Default: circle

SkeletonButton

className
```
string
```
className for the element.
width
```
string
```
The width of the element.

SkeletonCheckbox

className
```
string
```
className for the element.

SkeletonTable

columns

(Column & { header: ReactNode; })[] | Column[]

The columns to display in the Skeleton.

className
```
string
```
className for the element.
numberOfRows
```
number
```
The amount of table rows to display.
Default: 5
rowHeight
```
"compact" | "normal"
```
The size of the rows.
Default: normal
withColumnSeparator
```
boolean
```
Whether the columns should be separated by a line.
withHeader
```
boolean
```
Whether the table should have a header.

SkeletonTag

className
```
string
```
className for the element.
width
```
string
```
The width of the element.

SkeletonText

className
```
string
```
className for the element.
size
```
"l" | "m" | "s" | "xl" | "xxl"
```
The size of the element.
Default: m
width
```
string
```
The width of the element.