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%-