Spinner Indicador de Carregamento
Feedback
Apresentacional
Introdução
Um componente usado para indicar um estado de carregamento.
Uso
Loading...
import { Spinner } from "../components/ui";
export default function MyPage() {
return <Spinner size="md" label="Loading..." />;
}
Construtor de páginas CMS
Este componente está disponível como um bloco spinner no Construtor de páginas (content/pages/*.json):
{
"type": "spinner",
"size": "lg",
"label": "Loading"
}
Propriedades
| Prop | Type | Description |
|---|---|---|
class | string | Classes CSS personalizadas. |
| size | `"xs" \ | "sm" \ | "md" \ | "lg" \ | "xl" \ | "2xl" \ | "inherit"` | O tamanho do spinner. |
| label | string | Um rótulo acessível para leitores de tela. |