RUI.next

Feedback
Skeleton

Skeleton

Skeleton screen, generally used to display the loading state of the general structure of the page before the data has been loaded

<Skeleton title />
<Skeleton title />

Example

Basic usage of Skeleton component.

Skeleton Title placeholders

Skeleton Avatar placeholders

API

PropertiesDescriptionTypeDefault
loadingWhether display the skeleton placeholders loadingBooleantrue
avatarWhether display avatar placeholdersBooleanfalse
avatarSizeThe size of avatar placeholders, optional value: sm, md, lgStringmd
titleWhether display the title placeholdersBooleanfalse
titleWidthThe width of title placeholdersNumber|String40%
rowThe number of rowsNumber3
rowWidthThe width of rowsString|Number|Array<String|Number>100%