CircularProgress

Il componente CircularProgress è usato per indicare stati di caricamento all’utente. Mostra un indicatore rotante che può essere personalizzato in dimensione.

Utilizzo

Per incorporare il componente CircularProgress, importalo dalla tua libreria di componenti e opzionalmente passa le prop size e className per la personalizzazione.

CircularProgress di base

Questo dimostra un utilizzo base del componente CircularProgress senza personalizzazione.

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

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

Dimensioni del CircularProgress

I seguenti esempi mostrano come usare il componente CircularProgress in diverse dimensioni: piccolo, medio e grande.

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>
    );
}