2.0.2 • Published 1 week ago
@synerise/ds-loader
Licence
ISC
Version
2.0.2
Deps
0
Size
44 kB
Vulns
0
Weekly
0
id: loader title: Loader
Loader UI Component
Installation
npm i @synerise/ds-loader
or
yarn add @synerise/ds-loaderUsage
import Loader from '@synerise/ds-loader'
<Loader />
Demo
API
| Property | Description | Type | Default |
|---|---|---|---|
| size | Changing size on Loader | 'S' / 'M' / 'L' | M |
| label | text of loader | string / React.ReactNode | - |
| labelPosition | Defines the position of text | right / bottom | right |
| color | Changing color of Loader | 'grey' / 'blue' / 'red' / 'green' / 'yellow' / 'pink' / 'mars' / 'orange' / 'fern' / 'cyan' / 'purple' / 'violet' / string | grey |
| text | Bold header text above label | React.ReactNode | - |
| fontSize | Font size of text header | 'small' / 'medium' | - |
| percent | Value passed to percentFormatter | React.ReactNode | - |
| percentFormatter | Renders formatted percent beside label | (percent?: React.ReactNode) => React.ReactNode | - |
| mode | prop to set loader in center | absolute / undefined | - |
| className | css class name | string | - |