Skip to content

Spin

A loading indicator that can be used standalone or wrap content with an overlaid mask.

Basic usage

size supports five tiers: xs / small / medium (default) / large / xl; the old abbreviations sm / md / lg remain supported.

Five sizes

Legacy abbreviations (sm / md / lg)

Wrapping content

Wrapping content

Content area while loading

API

Attributes

AttributeDescriptionTypeDefault
sizeIndicator size: xs / small / medium (default) / large / xl; legacy abbreviations sm/md/lg remain supportedstringmd
spinningWhether loading; when set, wraps content with an overlaid maskboolean

Slots

NameDescription
default

The indicator uses role="status".