Skip to content
On this page

VSkeleton ​

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

Import ​

js
import { VSkeleton } from 'vui-vc-next'

app.component(VSkeleton.name, VSkeleton)

API ​

Skeleton Props ​

PropsDescriptionTypeDefaultNote
loadingWhether display the skeleton placeholders loadingBooleantrue-
avatarWhether display avatar placeholdersBooleanfalse-
avatar-sizeThe size of avatar placeholdersStringmdsm, md, lg
titleWhether display the title placeholdersBooleanfalse-
title-widthThe width of title placeholdersNumber, String40%-
rowThe number of rowsNumber3-
row-widthThe width of rowsString, Number, Array<String|Number>100%-