SkeletonText

Importing

import { SkeletonText } from '@customerio/pluma-components/react';

Single-Line Skeleton

By default, the SkeletonText component renders a single-line placeholder.

Multi-Line Skeleton

To display multiple lines, use the lines prop.

Styling

The text prop determines the size and width of the skeleton based on the text sizes within Pluma.

Disabling animation

To disable the animation, set the shouldAnimate prop to false.

Accessibility

Ensure the SkeletonText is hidden from assistive technologies and provide alternative descriptions where needed.