import { Spinner } from "@styple/design-system";
<Flex
css={{
gap: "$md",
}}
>
<Spinner />
<Spinner color="accent" />
<Spinner size="lg" />
</Flex>
A styled component. With Props:
| Prop | Type | Default | Explanation |
|---|---|---|---|
color | string | "text" |
Color variant. |
size | "sm" | "lg" | "sm" |
Size variant. |
delay | number | 600 |
Delay rendering spinner (in ms). |