Color Schemes for Spinner are not implemented in the default theme. You can extend the theme to implement them.
Spinner
Spinners provide a visual cue that an action is processing awaiting a course of change or a result.
Props#
colorScheme
colorSchemeDescription
Type
stringemptyColor
emptyColorDescription
The color of the empty area in the spinner
Type
stringDefault
"transparent"label
labelDescription
For accessibility, it is important to add a fallback loading text. This text will be visible to screen readers.
Type
stringDefault
"Loading..."size
sizeType
"xs" | "sm" | "md" | "lg" | "xl"Default
"md"speed
speedDescription
The speed of the spinner. @example ```jsx <Spinner speed="0.2s"/> ```
Type
stringDefault
"0.45s"thickness
thicknessDescription
The thickness of the spinner @example ```jsx <Spinner thickness="4px"/> ```
Type
stringDefault
"2px"variant
variantDescription
Variants for Spinner are not implemented in the default theme. You can extend the theme to implement them.
Type
stringProps#
colorScheme
colorSchemeDescription
Color Schemes for Spinner are not implemented in the default theme. You can extend the theme to implement them.
Type
stringemptyColor
emptyColorDescription
The color of the empty area in the spinner
Type
stringDefault
"transparent"label
labelDescription
For accessibility, it is important to add a fallback loading text. This text will be visible to screen readers.
Type
stringDefault
"Loading..."size
sizeType
"xs" | "sm" | "md" | "lg" | "xl"Default
"md"speed
speedDescription
The speed of the spinner. @example ```jsx <Spinner speed="0.2s"/> ```
Type
stringDefault
"0.45s"thickness
thicknessDescription
The thickness of the spinner @example ```jsx <Spinner thickness="4px"/> ```
Type
stringDefault
"2px"variant
variantDescription
Variants for Spinner are not implemented in the default theme. You can extend the theme to implement them.
Type
string