UEI logo

UEI Manufacturing System

Operations Workspace

Spinner Reference

Consulte esta subpágina para ver import, available props, exemplo de uso e controles vivos do component.

Hierarchy

Comece por `atoms` e avance para níveis maiores só quando a capacidade realmente precisar de composição.

Spinner

Minimal loading indicator for asynchronous states.

Use when: Use while data or actions are loading and a compact status indicator is enough.

Import

import { Spinner } from "@components/index";

Example

<Spinner size="lg" tone="primary" />

Available Props

size"sm" | "md" | "lg"

Controls indicator dimensions.

tone"default" | "primary"

Semantic emphasis of the spinner.

Live Preview

md / primary

Controls

size: sm

size: md

size: lg

tone: default

tone: primary

This application is a prototype and is being developed by Antonio Araujo and Seron S.