Skip to main content
Version: v9

ion-skeleton-text

shadow

Skeleton Text is a component for rendering placeholder content. The element will render a gray block at the specified width.

Basic Usage

Theming

CSS Custom Properties

Properties

animated

DescriptionIf true, the skeleton text will animate.
Attributeanimated
Typeboolean
Defaultfalse

mode

DescriptionThe mode determines the platform behaviors of the component.

This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attributemode
Type"ios" | "md"
Defaultundefined

theme

DescriptionThe theme determines the visual appearance of the component.

This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attributetheme
Type"ios" | "md" | "ionic"
Defaultundefined

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Properties

NameDescription
--backgroundBackground of the skeleton text
--background-rgbBackground of the skeleton text in rgb format
--border-radiusBorder radius of the skeleton text

Slots

No slots available for this component.