Appearance

The Skeleton component provides various predefined appearance options such as shapes and animations.

Shape

The Skeleton allows you to set different shapes.

The available shape values are:

• circle—Renders a circular Skeleton.
• text(Default)—Renders a line Skeleton.
• rectangle—Renders a rectangular Skeleton.

Animation

The Skeleton allows you to set different animation settings.

The available animation keys are:

• type—Defines the type of the Skeleton animation.
  • wave—Shows a wave animation effect.
  • pulse(Default)—Shows a pulse animation effect.

To disable the animation, set the property to false.

Suggested Links

• API Reference of the SkeletonProps
• Creating Custom Styles with ThemeBuilder