Spin

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.

import {Spin} from '@gravity-ui/uikit';

§Size

import {Spin} from '@gravity-ui/uikit';


export default function () {
    return (
        <>
            <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

§CSS API