A theme-aware Skeleton component wrapping MUI's Skeleton.
This component is used to display a placeholder preview of your content
while it's loading, improving the user's perceived performance. It supports
theme-based colors for visual consistency.
Example
// A single line of text skeleton <Skeletonvariant="text"width="80%"/>
// A circular avatar skeleton <Skeletonvariant="circular"width={40}height={40}/>
// A rectangular skeleton with a custom theme color <Skeleton variant="rectangular" width={210} height={118} backgroundColor="grey1" />
A theme-aware Skeleton component wrapping MUI's Skeleton.
This component is used to display a placeholder preview of your content while it's loading, improving the user's perceived performance. It supports theme-based colors for visual consistency.
Example