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
Prop | Type | Description | Default |
---|---|---|---|
color | string | Color of the Spinner | blue |
size | "xs"|"sm"|"md"|"lg"|"xl" | Size of the Spinner | md |
className | string | className | _ |
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"/>