created:3/15/2021
updated:3/15/2021
source lines:61
comments %:0
Spinner
theme-ui
0.6.0-alpha.7A
title attribute should be provided to the component for accessibility purposes.
The element uses role='img' by default.
Pass any overrides or additional attributes for the SVG element as props.Spinner variants can be defined anywhere in the
theme object.Name | Description | Default | Controls | |
|---|---|---|---|---|
SVGAttributes (1 properties) | ||||
| strokeWidth | TLengthStyledSystem | - | ||
SpinnerProps (1 properties) | ||||
Name | Description | Default | |
|---|---|---|---|
SVGAttributes (256 properties) | |||
| string | TLengthStyledSystem | - | |
| filter | string | - | |
| fill | string | - | |
| values | string | - | |
| name | string | - | |
| style | CSSProperties | - | |
| clipPath | string | - | |
| mask | string | - | |
| path | string | - | |
| className | string | - | |
| height | TLengthStyledSystem | - | |
| id | string | - | |
| lang | string | - | |
| max | TLengthStyledSystem | - | |
| media | string | - | |
| method | string | - | |
| min | TLengthStyledSystem | - | |
| target | string | - | |
| type | string | - | |
| width | TLengthStyledSystem | - | |
| role | string | - | |
| tabIndex | number | - | |
| crossOrigin | stringanonymoususe-credentials | - | |
| accentHeight | TLengthStyledSystem | - | |
| accumulate | nonesum | - | |
| additive | sumreplace | - | |
| alignmentBaseline | inheritautoalphabetichangingideographicmathematicalbaselinebefore-edgetext-before-edgemiddlecentralafter-edgetext-after-edge | - | |
| allowReorder | noyes | - | |
| alphabetic | TLengthStyledSystem | - | |
| amplitude | TLengthStyledSystem | - | |
| arabicForm | initialmedialterminalisolated | - | |
| ascent | TLengthStyledSystem | - | |
| attributeName | string | - | |
| attributeType | string | - | |
| autoReverse | Booleanish | - | |
| azimuth | TLengthStyledSystem | - | |
| baseFrequency | TLengthStyledSystem | - | |
| baselineShift | TLengthStyledSystem | - | |
| baseProfile | TLengthStyledSystem | - | |
| bbox | TLengthStyledSystem | - | |
| begin | TLengthStyledSystem | - | |
| bias | TLengthStyledSystem | - | |
| by | TLengthStyledSystem | - | |
| calcMode | TLengthStyledSystem | - | |
| capHeight | TLengthStyledSystem | - | |
| clip | TLengthStyledSystem | - | |
| clipPathUnits | TLengthStyledSystem | - | |
| clipRule | TLengthStyledSystem | - | |
| colorInterpolation | TLengthStyledSystem | - | |
| colorInterpolationFilters | inheritautosRGBlinearRGB | - | |
| colorProfile | TLengthStyledSystem | - | |
| colorRendering | TLengthStyledSystem | - | |
| contentScriptType | TLengthStyledSystem | - | |
| contentStyleType | TLengthStyledSystem | - | |
| cursor | TLengthStyledSystem | - | |
| cx | TLengthStyledSystem | - | |
| cy | TLengthStyledSystem | - | |
| d | string | - | |
| decelerate | TLengthStyledSystem | - | |
| descent | TLengthStyledSystem | - | |
| diffuseConstant | TLengthStyledSystem | - | |
| direction | TLengthStyledSystem | - | |
| display | TLengthStyledSystem | - | |
| divisor | TLengthStyledSystem | - | |
| dominantBaseline | TLengthStyledSystem | - | |
| dur | TLengthStyledSystem | - | |
| dx | TLengthStyledSystem | - | |
| dy | TLengthStyledSystem | - | |
| edgeMode | TLengthStyledSystem | - | |
| elevation | TLengthStyledSystem | - | |
| enableBackground | TLengthStyledSystem | - | |
| end | TLengthStyledSystem | - | |
| exponent | TLengthStyledSystem | - | |
| externalResourcesRequired | Booleanish | - | |
| fillOpacity | TLengthStyledSystem | - | |
| fillRule | inheritnonzeroevenodd | - | |
| filterRes | TLengthStyledSystem | - | |
| filterUnits | TLengthStyledSystem | - | |
| floodColor | TLengthStyledSystem | - | |
| floodOpacity | TLengthStyledSystem | - | |
| focusable | booleanautotruefalse | - | |
| fontFamily | string | - | |
| fontSize | TLengthStyledSystem | - | |
| fontSizeAdjust | TLengthStyledSystem | - | |
| fontStretch | TLengthStyledSystem | - | |
| fontStyle | TLengthStyledSystem | - | |
| fontVariant | TLengthStyledSystem | - | |
| fontWeight | TLengthStyledSystem | - | |
| format | TLengthStyledSystem | - | |
| from | TLengthStyledSystem | - | |
| fx | TLengthStyledSystem | - | |
| fy | TLengthStyledSystem | - | |
| g1 | TLengthStyledSystem | - | |
| g2 | TLengthStyledSystem | - | |
| glyphName | TLengthStyledSystem | - | |
| glyphOrientationHorizontal | TLengthStyledSystem | - | |
| glyphOrientationVertical | TLengthStyledSystem | - | |
| glyphRef | TLengthStyledSystem | - | |
| gradientTransform | string | - | |
| gradientUnits | string | - | |
| hanging | TLengthStyledSystem | - | |
| horizAdvX | TLengthStyledSystem | - | |
| horizOriginX | TLengthStyledSystem | - | |
| href | string | - | |
| ideographic | TLengthStyledSystem | - | |
| imageRendering | TLengthStyledSystem | - | |
| in2 | TLengthStyledSystem | - | |
| in | string | - | |
| intercept | TLengthStyledSystem | - | |
| k1 | TLengthStyledSystem | - | |
| k2 | TLengthStyledSystem | - | |
| k3 | TLengthStyledSystem | - | |
| k4 | TLengthStyledSystem | - | |
| k | TLengthStyledSystem | - | |
| kernelMatrix | TLengthStyledSystem | - | |
| kernelUnitLength | TLengthStyledSystem | - | |
| kerning | TLengthStyledSystem | - | |
| keyPoints | TLengthStyledSystem | - | |
| keySplines | TLengthStyledSystem | - | |
| keyTimes | TLengthStyledSystem | - | |
| lengthAdjust | TLengthStyledSystem | - | |
| letterSpacing | TLengthStyledSystem | - | |
| lightingColor | TLengthStyledSystem | - | |
| limitingConeAngle | TLengthStyledSystem | - | |
| local | TLengthStyledSystem | - | |
| markerEnd | string | - | |
| markerHeight | TLengthStyledSystem | - | |
| markerMid | string | - | |
| markerStart | string | - | |
| markerUnits | TLengthStyledSystem | - | |
| markerWidth | TLengthStyledSystem | - | |
| maskContentUnits | TLengthStyledSystem | - | |
| maskUnits | TLengthStyledSystem | - | |
| mathematical | TLengthStyledSystem | - | |
| mode | TLengthStyledSystem | - | |
| numOctaves | TLengthStyledSystem | - | |
| offset | TLengthStyledSystem | - | |
| operator | TLengthStyledSystem | - | |
| order | TLengthStyledSystem | - | |
| orient | TLengthStyledSystem | - | |
| orientation | TLengthStyledSystem | - | |
| origin | TLengthStyledSystem | - | |
| overflow | TLengthStyledSystem | - | |
| overlinePosition | TLengthStyledSystem | - | |
| overlineThickness | TLengthStyledSystem | - | |
| paintOrder | TLengthStyledSystem | - | |
| panose1 | TLengthStyledSystem | - | |
| pathLength | TLengthStyledSystem | - | |
| patternContentUnits | string | - | |
| patternTransform | TLengthStyledSystem | - | |
| patternUnits | string | - | |
| pointerEvents | TLengthStyledSystem | - | |
| points | string | - | |
| pointsAtX | TLengthStyledSystem | - | |
| pointsAtY | TLengthStyledSystem | - | |
| pointsAtZ | TLengthStyledSystem | - | |
| preserveAlpha | Booleanish | - | |
| preserveAspectRatio | string | - | |
| primitiveUnits | TLengthStyledSystem | - | |
| r | TLengthStyledSystem | - | |
| radius | TLengthStyledSystem | - | |
| refX | TLengthStyledSystem | - | |
| refY | TLengthStyledSystem | - | |
| renderingIntent | TLengthStyledSystem | - | |
| repeatCount | TLengthStyledSystem | - | |
| repeatDur | TLengthStyledSystem | - | |
| requiredExtensions | TLengthStyledSystem | - | |
| requiredFeatures | TLengthStyledSystem | - | |
| restart | TLengthStyledSystem | - | |
| result | string | - | |
| rotate | TLengthStyledSystem | - | |
| rx | TLengthStyledSystem | - | |
| ry | TLengthStyledSystem | - | |
| scale | TLengthStyledSystem | - | |
| seed | TLengthStyledSystem | - | |
| shapeRendering | TLengthStyledSystem | - | |
| slope | TLengthStyledSystem | - | |
| spacing | TLengthStyledSystem | - | |
| specularConstant | TLengthStyledSystem | - | |
| specularExponent | TLengthStyledSystem | - | |
| speed | TLengthStyledSystem | - | |
| spreadMethod | string | - | |
| startOffset | TLengthStyledSystem | - | |
| stdDeviation | TLengthStyledSystem | - | |
| stemh | TLengthStyledSystem | - | |
| stemv | TLengthStyledSystem | - | |
| stitchTiles | TLengthStyledSystem | - | |
| stopColor | string | - | |
| stopOpacity | TLengthStyledSystem | - | |
| strikethroughPosition | TLengthStyledSystem | - | |
| strikethroughThickness | TLengthStyledSystem | - | |
| stroke | string | - | |
| strokeDasharray | TLengthStyledSystem | - | |
| strokeDashoffset | TLengthStyledSystem | - | |
| strokeLinecap | inheritbuttroundsquare | - | |
| strokeLinejoin | inheritroundmiterbevel | - | |
| strokeMiterlimit | TLengthStyledSystem | - | |
| strokeOpacity | TLengthStyledSystem | - | |
| strokeWidth | TLengthStyledSystem | - | |
| surfaceScale | TLengthStyledSystem | - | |
| systemLanguage | TLengthStyledSystem | - | |
| tableValues | TLengthStyledSystem | - | |
| targetX | TLengthStyledSystem | - | |
| targetY | TLengthStyledSystem | - | |
| textAnchor | string | - | |
| textDecoration | TLengthStyledSystem | - | |
| textLength | TLengthStyledSystem | - | |
| textRendering | TLengthStyledSystem | - | |
| to | TLengthStyledSystem | - | |
| transform | string | - | |
| u1 | TLengthStyledSystem | - | |
| u2 | TLengthStyledSystem | - | |
| underlinePosition | TLengthStyledSystem | - | |
| underlineThickness | TLengthStyledSystem | - | |
| unicode | TLengthStyledSystem | - | |
| unicodeBidi | TLengthStyledSystem | - | |
| unicodeRange | TLengthStyledSystem | - | |
| unitsPerEm | TLengthStyledSystem | - | |
| vAlphabetic | TLengthStyledSystem | - | |
| vectorEffect | TLengthStyledSystem | - | |
| version | string | - | |
| vertAdvY | TLengthStyledSystem | - | |
| vertOriginX | TLengthStyledSystem | - | |
| vertOriginY | TLengthStyledSystem | - | |
| vHanging | TLengthStyledSystem | - | |
| vIdeographic | TLengthStyledSystem | - | |
| viewBox | string | - | |
| viewTarget | TLengthStyledSystem | - | |
| visibility | TLengthStyledSystem | - | |
| vMathematical | TLengthStyledSystem | - | |
| widths | TLengthStyledSystem | - | |
| wordSpacing | TLengthStyledSystem | - | |
| writingMode | TLengthStyledSystem | - | |
| x1 | TLengthStyledSystem | - | |
| x2 | TLengthStyledSystem | - | |
| x | TLengthStyledSystem | - | |
| xChannelSelector | string | - | |
| xHeight | TLengthStyledSystem | - | |
| xlinkActuate | string | - | |
| xlinkArcrole | string | - | |
| xlinkHref | string | - | |
| xlinkRole | string | - | |
| xlinkShow | string | - | |
| xlinkTitle | string | - | |
| xlinkType | string | - | |
| xmlBase | string | - | |
| xmlLang | string | - | |
| xmlns | string | - | |
| xmlnsXlink | string | - | |
| xmlSpace | string | - | |
| y1 | TLengthStyledSystem | - | |
| y2 | TLengthStyledSystem | - | |
| y | TLengthStyledSystem | - | |
| yChannelSelector | string | - | |
| z | TLengthStyledSystem | - | |
| zoomAndPan | string | - | |
BoxOwnProps (4 properties) | |||
SpaceProps (28 properties) | |||
TextColorProps (1 properties) | |||
OpacityProps (1 properties) | |||
AriaAttributes (48 properties) | |||
DOMAttributes (161 properties) | |||
Attributes (1 properties) | |||
SpinnerProps (1 properties) | |||
BackgroundColorProps (2 properties) | |||
RefAttributes (1 properties) | |||
package | imports | peer |
|---|---|---|
@emotion/react | keyframes | |
react | React |
file | imports |
|---|---|
| "./Box" |