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
(string & {})emptyColor
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
(string & {})emptyColor
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