Spinner
Spinner indicate the loading state of a component or page, it can help to the user aware and that the data is processing.
Basic
Basic usage.
Size
We can configure the Spinner size on
size prop. Color
Using text color css able to override the spinner color
Custom Indicator
If you don't fancy the default spinner, you can replace it with your own spinner instead.
Static
Stop the spining animation by setting
isSpining to false.API
Spinner
| Prop | Description | Type | Default |
|---|---|---|---|
| color | Custom color for Spinner, available colors option based on tailwind theme.colors | string | current theme color |
| enableTheme | Wheter the Spinner inherit theme color | boolean | true |
| indicator | Spinner indicator | ReactNode | CgSpinner |
| isSpining | Wheter the Spinner is spinning | boolean | true |
| size | Size of Spinner | string | number | 20 |