Spin

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

The Spin component displays the loading state (a rotating semicircle) in inline scenarios. Unlike Loader, this component is used to display the loading state in inline scenarios, e.g., in a Button or Label.

Size

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

XS: Extra small.

S: Small, used when a medium-sized spin is too large.

M: Medium (basic), used in most cases.

L: Large, used when a medium-sized spin is too small.

XL: Extra large.

Properties

NameDescriptionTypeDefault
sizeSpin size"xs" "s" "m" "l" "xl""m"
styleCustom CSS styles for root elementReact.CSSProperties
classNameCustom CSS class for the root elementstring
qaTest attribute (data-qa)string