SkeletonProps

Specifies the animation settings of the Skeleton.

The possible keys are:

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

To disable the animation, set the property to false.

Specifies the ariaBusy attribute of the Skeleton.

The Skeleton component does not have accessibility on its own as it is only a visual indicator. It should be integrated within an element that refers to the loading state. When integrating the Skeleton on a page, you might want to define an ariaBusy attribute and this property gives you this option.

By default the ariaBusy attribute is not rendered.

Specifies the role attribute of the Skeleton.

The Skeleton component does not have accessibility on its own as it is only a visual indicator. It should be integrated within an element that refers to the loading state. When integrating the Skeleton on a page, you might want to define a role attribute and this property gives you this option.

By default the role attribute is not rendered.

The recommended value of the attribute is alert

Specifies the shape of the Skeleton.

The possible values are:

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