@snack-uikit/loaders v0.9.5
Loaders
Installation
npm i @snack-uikit/loaders
Example
import { ProgressBar, ProgressBarPage, Spinner, Sun } from "@snack-uikit/loaders";
<ProgressBar
progress={20}
size='xs'
/>
<ProgressBarPage
inProgress={true}
animationDuration={100}
incrementDuration={500}
minimum={0.2}
/>
<Spinner
size='xs'
/>
<Sun
size='l'
/>ProgressBar
Компонент индикатор загрузки
Props
| name | type | default value | description |
|---|---|---|---|
| size* | enum ValueOf<{ readonly S: "s"; readonly XS: "xs"; }>: "s", "xs" | - | Размер |
| progress* | number | - | Процент загрузки от 0 до 100 |
| className | string | - | CSS-класс |
ProgressBarPage
Компонент индикатор загрузки страницы
Props
| name | type | default value | description |
|---|---|---|---|
| inProgress* | boolean | - | Включен/выключен |
| animationDuration | number | 200 | Скорость анимации |
| incrementDuration | number | 800 | Время между прогрессом |
| minimum | number | - | Минимальное значение прогресс бара от 0 до 1 |
| className | string | - | CSS-класс |
Spinner
Компонент спиннер
Props
| name | type | default value | description |
|---|---|---|---|
| size | enum LoaderSize: "s", "xs", "m", "l" | s | Размер |
| className | string | - | CSS-класс |
Sun
Компонент спиннер
Props
| name | type | default value | description |
|---|---|---|---|
| size | enum LoaderSize: "s", "xs", "m", "l" | s | Размер |
| className | string | - | CSS-класс |
5 months ago
5 months ago
5 months ago
1 month ago
7 months ago
7 months ago
8 months ago
1 month ago
7 months ago
7 months ago
7 months ago
4 months ago
6 months ago
5 months ago
7 months ago
2 months ago
4 months ago
2 months ago
3 months ago
7 months ago
5 months ago
7 months ago
4 months ago
5 months ago
2 months ago
8 months ago
8 months ago
7 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
10 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago