Skip to main content
Version: v10

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.