Skeleton

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

Import

import { Skeleton } from  'mand-mobile-next'

Vue.createApp().component(Skeleton.name, Skeleton)

Code Examples

API

Skeleton Props

PropsDescriptionTypeDefaultNote
loadingdisplay the skeleton loadingBooleantrue-
avatardisplay avatar placeholdersBooleanfalse-
avatar-sizeavatar placeholders' sizeStringmdsm, md, lg
titledisplay the title placeholdersBooleanfalse-
title-widthtitle placeholders widthNumber,String40%-
rownumber of rowsNumber3-
row-widthrows' widthString,Number,Array<String|Number>100%-