Skeleton
The skeleton component.
Importing
ts
import "@tapsioss/web-components/skeleton";ts
import { Skeleton } from "@tapsioss/react-components/Skeleton";Component Usage
html
<tapsi-skeleton></tapsi-skeleton>tsx
<Skeleton />Properties
| Name | Description | Type | Default Value |
|---|---|---|---|
variant | The type of content that will be rendered. | "rectangular" | "circular" | "pill" | "text" | "rectangular" |
width | Width of the skeleton. | string | "" |
height | Height of the skeleton. | string | "" |
ratio | The ratio of the width to the height. If the value is invalid, it will default to 1. Only works when variant="rectangular". | number | NaN |