Appearance
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.