Spinner
Loading spinner
name | type | default | description |
|---|---|---|---|
| accessibilityLabel | string | - | Hidden text used for accessibilty. |
| color | "accent" | "blue" | "green" | "yellow" | "red" | "orange" | "indigo" | "pink" | "purple" | "grey" | "accentActive" | "accentDim" | "accentPrimary" | "accentBright" | "accentLight" | "accentSurface" | "blueActive" | "blueDim" | "bluePrimary" | "blueBright" | "blueLight" | "blueSurface" | "greenActive" | "greenDim" | "greenPrimary" | "greenBright" | "greenLight" | "greenSurface" | "yellowActive" | "yellowDim" | "yellowPrimary" | "yellowBright" | "yellowLight" | "yellowSurface" | "redActive" | "redDim" | "redPrimary" | "redBright" | "redLight" | "redSurface" | "orangeActive" | "orangeDim" | "orangePrimary" | "orangeBright" | "orangeLight" | "orangeSurface" | "indigoActive" | "indigoDim" | "indigoPrimary" | "indigoBright" | "indigoLight" | "indigoSurface" | "pinkActive" | "pinkDim" | "pinkPrimary" | "pinkBright" | "pinkLight" | "pinkSurface" | "purpleActive" | "purpleDim" | "purplePrimary" | "purpleBright" | "purpleLight" | "purpleSurface" | "greyActive" | "greyDim" | "greyPrimary" | "greyBright" | "greyLight" | "greySurface" | "black" | "white" | "text" | "textPrimary" | "textSecondary" | "textAccent" | "textDisabled" | "background" | "backgroundPrimary" | "backgroundSecondary" | "border" | - | A tokens 'mode' color value |
| ref | null | string | (instance: HTMLElement | null) => void | RefObject<HTMLElement> | - | Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null`
(or call the ref with `null` if you passed a callback ref).
@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
| size | "small" | "medium" | "large" | small | - |