Spinner
Indicador indeterminado de carregamento.
Ações e indicadores
Carregando demonstração…
Código da demo
"use client";
import { Spinner } from "@/components/ui/spinner";
export function Demo() {
return (
<div className="flex items-center gap-fe-3">
<Spinner />
<Spinner className="size-6" />
<span className="fe-caption text-muted-foreground">Carregando…</span>
</div>
);
}- Acessibilidade
- role=status ou aria-label; texto “Carregando…” se crítico.
- Importar
import { Spinner } from "@financeequity/ui/spinner"Neste repositório:
import { Spinner } from "@/components/ui/spinner"