Skeleton

A skeleton is a type of loading state that allows you to expose content incrementally.

Examples

--pf-t--global--font--size--4xl

--pf-t--global--font--size--3xl

--pf-t--global--font--size--2xl

--pf-t--global--font--size--xl

--pf-t--global--font--size--lg

--pf-t--global--font--size--md

--pf-t--global--font--size--sm

Small circle

Medium circle

Large circle

Small square

Medium square

Large square

Small rectangle

Medium rectangle

Large rectangle

*required
Name	Type	Description
className	string	Additional classes added to the Skeleton
fontSize	'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl' \| '3xl' \| '4xl'	The font size height of the Skeleton
height	string	The height of the Skeleton. Must specify pixels or percentage.
screenreaderText	string	Text read just to screen reader users
shape	'circle' \| 'square'	The shape of the Skeleton
width	string	The width of the Skeleton. Must specify pixels or percentage.

Expand or collapse column	Selector	Variable	Value