Spinner
The Spinner component is a simple yet effective way to indicate that a process or action is currently loading. It displays three animated bouncing dots, making it clear to users that they should wait for the process to complete.
Usage
First of all, you need to import the Spinner component from the kitchn package.
import { Spinner } from "kitchn"Default
Code Editor
Code Editor
<Spinner />
Size
Code Editor
Code Editor
<Spinner size={25} />
Color
Code Editor
Code Editor
<Spinner color={"#ff0000"} />
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
size | number | 20 | No | The size of the Spinner, which controls both width and height in pixels. |
color | string | theme.colors.accent.light | No | The color of the bouncing dots. Can be any valid CSS color value. |
Last updated on