Skeleton
The Skeleton component is a loading placeholder that can be used to indicate content is being loaded. It supports various shapes and sizes, making it versatile for different use cases.
Props
| Name | Default | Type |
|---|---|---|
radius | var(--border-radius-s) | string number The border radius of the skeleton |
width | 100% | string number The width of the skeleton |
height | 32px | string number The height of the skeleton |
circle | false | boolean Whether to make the skeleton circular |
Tokens
CSS variable tokens used for global or per-instance manipulation of certain styling.
| Token | Default | Description |
|---|---|---|
--vui-skeleton-color | var(--color-border) | Skeleton background color |