Loading

An inline, animated spinner to indicate data loading or processing.

It implements the <svg> element.

The surrounding text color determines the spinner’s color.

Props

size

TypeString (optional)
Default'1em'

Sets the <svg> element’s width and height attributes. Some browser versions don’t support rem units.

title

TypeString (optional)
Default'Loading'

Sets the <svg> element’s <title> children.

...props

Type…* (optional)

Additional props for the container; an <svg> element. children can’t be used.

Examples

A loading indicator.
import { Loading } from 'device-agnostic-ui'

<Loading size="2em" />
Loading