LoadingButton

LoadingButton est un composant bouton qui affiche un indicateur de chargement lorsqu’une opération est en cours. Il est utile pour les actions asynchrones, comme les soumissions de formulaires ou les appels d’API.

Utilisation

Importez LoadingButton depuis @firecms/ui et utilisez la prop loading pour contrôler l’état de chargement.

LoadingButton de base

Un exemple de base du composant LoadingButton.

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

export default function LoadingButtonBasicDemo() {
    const [loading, setLoading] = React.useState(false);

    const onClick = () => {
        setLoading(true);
        setTimeout(() => {
            setLoading(false);
        }, 2000);
    };

    return (
        <LoadingButton
            loading={loading}
            onClick={onClick}>
                Click Me
        </LoadingButton>
    );
}