Skeleton

Import

import { Skeleton } from "@vivakits/react-components";

Variant

The Skeleton component comes with 3 different variants that you can change it using the variant prop.

Size

The Skeleton component comes with different sizes that you can change using the size prop.

Width

The Skeleton component includes a width prop, allowing you to adjust its width as needed.

Height

The Skeleton component includes a height prop, allowing you to adjust its height as needed.

Border Radious

You can use the rounded prop to change the radious of the Skeleton.

Group of Skeletons

You can use props named numOfRows and numOfColumns to generate multiple rows or columns of Skeleton.

Card

Sample Card implementation using different variants of Skeleton components.

List

Sample List implementation using different variants of Skeleton components.

Table

Sample Table implementation using different variants of Skeleton components.

Paginated Table

Sample Table skeleton with pagination implementation using different variants of Skeleton components.

API Reference