@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
6 months ago
6 months ago
2 months ago
8 months ago
8 months ago
9 months ago
2 months ago
8 months ago
8 months ago
8 months ago
5 months ago
7 months ago
6 months ago
8 months ago
3 months ago
5 months ago
3 months ago
4 months ago
8 months ago
6 months ago
8 months ago
5 months ago
6 months ago
3 months ago
9 months ago
9 months ago
8 months ago
10 months ago
10 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 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