CircularProgress

CircularProgress est un composant qui affiche un indicateur de chargement circulaire. Il est utilisé pour indiquer qu’une opération est en cours.

Utilisation

Importez CircularProgress depuis @firecms/ui et utilisez-le pour afficher un indicateur de chargement.

CircularProgress de base

Un indicateur de chargement circulaire simple.

import React from "react";
import { CircularProgress } from "@firecms/ui";

export default function CircularProgressBasicDemo() {
    return <CircularProgress />;
}

Tailles de CircularProgress

Démontre l’utilisation de différentes tailles pour le composant CircularProgress.

import React from "react";
import { CircularProgress } from "@firecms/ui";

export default function CircularProgressSizesDemo() {
    return (
        <div>
            <div>
                <p>Smallest</p>
                <CircularProgress size="smallest" />
            </div>
            <div>
                <p>Small</p>
                <CircularProgress size="small" />
            </div>
            <div>
                <p>Medium</p>
                <CircularProgress size="medium" />
            </div>
            <div>
                <p>Large</p>
                <CircularProgress size="large" />
            </div>
        </div>
    );
}