Spinner
El componente Spinner es utilizado para informar el procesamiento de tareas.
import React from "react";
import { Spinner } from "@nimbus-ds/components";
const Example: React.FC = () => <Spinner size="large" />;
export default Example;El componente se integra por una forma vectorial, y puede personalizarse su color según necesidad.
Utilizamos este componente para evidenciar la carga de algún archivo o el procesamiento de tareas. No debería ser usado en lugar de un skeleton.
Posee 3 tamaños pre-definidos: Large, medium y small. Éstos pueden ser usados teniendo en cuenta el componente y el contexto en el que serán aplicados.
Este componente no posee texto, por lo que incluye una tag (Aria Label) para facilitar su identificación por personas con algún tipo de limitación visual o cognitiva.
- Indicar la carga de archivos
- Indicar que una tarea está siendo procesada
Skeleton - Puede ser usado para comunicar la carga de los componentes que integran una página.
Instalá el componente via terminal.
npm install @nimbus-ds/spinnerAdditional props are passed to the <Spinner> element. See svg docs for a list of props accepted by the <Spinner> element.