Skip to content
On this page

Skeleton

The Skeleton component is used to display a placeholder visual representation of content while the actual content is being loaded.

Usage

html
<j-skeleton></j-skeleton>

Properties

Height string

Use the height property to set the height of the Skeleton component. You can set the value to one of the following options: xxs, xs, sm, md, lg, xl, xxl, or text.

html
<j-skeleton height="xxs"></j-skeleton>

Width string

Use the width property to set the width of the Skeleton component. You can set the value to one of the following options: xxs, xs, sm, md, lg, xl, xxl, or text.

html
<j-skeleton height="text" width="xxl"></j-skeleton>

Variant boolean

Use the variant property has the options circle to make the loader circular.

html
<j-skeleton variant="circle"></j-skeleton>

Slots

The Skeleton component does not have any slots.

Events

The Skeleton component does not have any events.