DocumentationComponents

Spinner

New

Spinner

Used to allow users to make selections from a range of values.

Start using via importing:

import { Spinner } from "@perceptui/ui";
<Spinner/>

API References

PropTypeDescriptionDefault
colorstringColor of the Spinnerblue
size"xs"|"sm"|"md"|"lg"|"xl"Size of the Spinnermd
classNamestringclassName_

Examples

Color

<Spinner color="red"/>
<Spinner color="light"/>
<Spinner color="yellow"/>
<Spinner color="cyan"/>
<Spinner color="teal"/>
<Spinner color="emerald"/>

There are more color properties. Take your time to explore

Size

<Spinner size="xs"/>
<Spinner size="sm"/>
<Spinner size="md"/>
<Spinner size="lg"/>
<Spinner size="xl"/>