Loader Chargeur - Docs - Artefact

Loader Chargeur

Feedback

Tier 3

Introduction

Un composant utilitaire qui gère l'état visuel d'un « Spinner » et du texte associé.

Utilisation

Loading data...

import { Loader, Spinner } from "../components/ui";

export default function MyPage() {
  return <Loader text="Loading data..." />;
}

Spinner et placement personnalisés

import { Loader, Spinner } from "../components/ui";

export default function MyPage() {
  return (
    <Loader
      spinner={<Spinner size="lg" colorPalette="blue" />}
      spinnerPlacement="end"
    >
      Please wait
    </Loader>
  );
}

Constructeur de pages CMS

Ce composant est disponible sous forme de bloc loader dans Page Builder (content/pages/*.json) — le champ text du CMS correspond directement au propre accessoire text de Loader :

{
  "type": "loader",
  "text": "Checking availability...",
  "spinnerPlacement": "start"
}

Propriétés

Propriété	Type	Description
`children`	`any`	Contenu du texte à afficher à côté du spinner.
`spinner`	`Child`	Élément spinner personnalisé. La valeur par défaut est `<Spinner size="inherit" />`.
`text`	`Child`	Accessoire alternatif pour le contenu textuel.