@snack-uikit/loaders

Loaders

Installation

npm i @snack-uikit/loaders

Changelog

Example

import {ProgressBar, ProgressBarPage, Spinner, Sun} from "@snack-uikit/loaders";

<ProgressBar
  progress={20}
  size={ProgressBar.sizes.SizeXS}
/>

<ProgressBarPage
  inProgress={true}
  animationDuration={100}
  incrementDuration={500}
  minimum={0.2}
/>

<Spinner
  size={Spinner.sizes.XS}
/>

<Sun
  size={Sun.sizes.L}
/>

ProgressBar

Компонент индикатор загрузки

Props

name	type	default value	description
size*	enum Size: "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: "xs", "s", "m", "l"	LoaderSize.S	Размер
className	string	-	CSS-класс

Sun

Компонент спиннер

Props

name	type	default value	description
size	enum LoaderSize: "xs", "s", "m", "l"	LoaderSize.S	Размер
className	string	-	CSS-класс