WireScript
Components

skeleton

Loading placeholder.

A placeholder element shown while content is loading.

Usage

With Dimensions

Properties

accepts children

Layout

PropertyTypeDefault
:rowflag-
:colflag-
:gridflag-
:wrapflag-

Alignment

PropertyTypeDefault
:centerflag-
:startflag-
:endflag-
:betweenflag-
:aroundflag-
:stretchflag-

Sizing

PropertyTypeDefault
:fullflag-
:fitflag-
:fillflag-

Spacing

PropertyTypeDefault
:gapnumber0
:paddingnumber0

Dimensions

PropertyTypeDefault
:widthany-
:heightany-

Position

PropertyTypeDefault
:stickyflag-
:fixedflag-
:absoluteflag-
:relativeflag-
:topnumber-
:leftnumber-
:rightnumber-
:bottomnumber-

Element-specific

PropertyTypeDefault
:circleflag-
:textflag-

Note: When no flags or dimensions are specified, a leaf skeleton defaults to text-line style (:text).

Examples

Circle and Text Variants

Text Lines

Card Skeleton

User List Skeleton

Dashboard Skeleton

Article Skeleton

Profile Skeleton

On this page