Spinner

Компонент визуализирующий загрузку данных и запуск новых процессов.

Допускается пять размеров элемента и два цвета.

Использование

HTML, Angular, Vue

<ds-spinner size="melaenia" color="white"></ds-spinner>

React

import { Spinner } from '@rir/ds-library';

function Component() {
  return (
    <>
      <Spinner
        size="melaenia"
        color="white"
      ></Spinner>
    </>
  );
}

export default Component;

API

Props

Name	Type	Description	Default
size	String: ['melaenia', 'phonia', 'nelida', 'diomis', 'synallis']	Токен размера	'nelida'
color	String: ['rocky', 'white']	Токен цвета	'rocky'

Примеры проектов

React

Angular

Vue