Spinner for Fender React UI Kit
Description
Rotating donut graph used as a loading state.
Installation and Usage
yarn add @fenderdigital/react-spinner --save
import Spinner from '@fenderdigital/react-spinner';Props
-
bgColor- background color of component. -
strokeColor- outline stroke color. -
strokeWidth- width of the outline stroke. -
styles- configurable tachyon styles used on the root node of the component. -
width- width used to calcuate dimensions for child nodes. -
percentage- value used to determine the amount for the stroke to fill.
| propName | propType | defaultValue | isRequired |
|---|---|---|---|
| bgColor | string | white | - |
| strokeBgColor | string | dark-gray | - |
| strokeColor | string | white | - |
| strokeWidth | number | 6 | - |
| styles | string | '' | - |
| width | number | 64 | - |
| percentage | number | 42 | - |
Development
Check the Monorepo README for development documentation.