UIKit
7.24.0
• SpinКомпоненты
UIKit
7.24.0
Date Components
3.3.2
Navigation
3.7.2
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 |