@paprika/spinner
Description
Spinner component tells the user that the app is doing something.
Installation
yarn add @paprika/spinneror with npm:
npm install @paprika/spinnerProps
Spinner
| Prop | Type | required | default | Description |
|---|---|---|---|---|
| a11yText | string | false | null | Descriptive a11y text for assistive technologies. By default, text from children node will be used. |
| caption | string | false | null | Sets the caption that will display beneath the spinner |
| isDark | bool | false | false | If the background is dark, different color of spinner will be rendered |
| size | [ Spinner.types.size.SMALL, Spinner.types.size.MEDIUM, Spinner.types.size.LARGE] | false | Spinner.types.size.MEDIUM | Sets the size of the spinner |
import Spinner from "@paprika/spinner";
<Spinner caption="spinning" />;