Spin

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

El Spin componente muestra el estado de carga (un semicírculo giratorio) en escenarios en línea. A diferencia de esto Loader, este componente se usa para mostrar el estado de carga en escenarios en línea, por ejemplo, en un Button o Label.

Tamaño

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

XS: Extra pequeño.

S: Pequeño, se usa cuando un giro de tamaño mediano es demasiado grande.

M: Medio (básico), utilizado en la mayoría de los casos.

L: Grande, se usa cuando un giro de tamaño mediano es demasiado pequeño.

XL: Extra grande.

Propiedades

NombreDescripciónTipoPredeterminado
tamañoTamaño de giro"xs" "xl""m"
estiloEstilos CSS personalizados para el elemento raízReact.CSSProperties
classNameClase CSS personalizada para el elemento raízstring
qaAtributo de prueba (data-qa)string