useModeController

Utilisez ce hook pour récupérer et contrôler le mode de thème actuel (light, dark ou system).

Note

Veuillez noter que pour utiliser ce hook, vous devez être dans un composant enfant du composant FireCMS.

Props

{
    mode: "light" | "dark";
    setMode: (mode: "light" | "dark") => void;
}

Exemple

import React from "react";
import { useModeController } from "@firecms/core";
import { Button } from "@firecms/ui";

export function ThemeToggle() {
    const modeController = useModeController();

    const toggleMode = () => {
        modeController.setMode(modeController.mode === "light" ? "dark" : "light");
    };

    return (
        <Button onClick={toggleMode}>
            Mode actuel : {modeController.mode}
        </Button>
    );
}