Components
Skeleton

Skeleton

The Skeleton component displays a placeholder while content is loading, enhancing user experience during data fetches or transitions. It provides visual feedback, reducing perceived wait times and keeping users engaged while the final content is being rendered.

Additional Examples

As Card

Configurable Props

At this time, there are no configurable props for the Skeleton component, as it simply renders a <div> with animations from Tailwind CSS. To customize the appearence you can use the className prop to add your own Tailwind CSS classes such as h-x, w-x, or rounded-x to better control the size and shape of the Skeleton component.