Spin

Maintainer:
ogonkov
GitHub
size
import {Spin} from '@gravity-ui/uikit';

Spin — это компонент, который отображает состояние загрузки (вращающийся полукруг) в инлайн-сценариях. В отличие от Loader, этот компонент применяется для отображения состояния загрузки в инлайн-контексте — например, в Button или Label.

Размер

<Spin size="xs" />
<Spin size="s" />
<Spin size="m" />
<Spin size="l" />
<Spin size="xl" />

XS — очень маленький.

S — маленький, применяется, когда спин среднего размера слишком велик.

M — средний (базовый), используется в большинстве случаев.

L — большой, применяется, когда спин среднего размера слишком мал.

XL — очень большой.

Свойства

ИмяОписаниеТипЗначение по умолчанию
sizeРазмер спина."xs" "s" "m" "l" "xl""m"
styleПользовательские CSS-стили корневого элемента.React.CSSProperties
classNameПользовательский CSS-класс корневого элемента.string
qaАтрибут тестирования (data-qa).string