Spinner
Feedback
Rein darstellend
Einführung
Eine Komponente, die einen Ladezustand anzeigt.
Verwendung
Loading...
import { Spinner } from "../components/ui";
export default function MyPage() {
return <Spinner size="md" label="Loading..." />;
}
CMS-Seitenbauer
Diese Komponente ist als spinner-Block im Seitenbauer (content/pages/*.json) verfügbar:
{
"type": "spinner",
"size": "lg",
"label": "Loading"
}
Eigenschaften
| Eigenschaft | Typ | Beschreibung |
|---|---|---|
class | string | Benutzerdefinierte CSS-Klassen. |
| size | "xs" \| "sm" \| "md" \| "lg" \| "xl" \| "2xl" \| "inherit" | Die Größe des Spinners. |
| label | string | Ein barrierefreies Label für Screenreader. |