bpm.theme
Bascule entre thème clair et thème sombre. Persiste le choix dans localStorage (clé bpm-theme) et applique data-theme sur la racine du document.
Python
bpm.theme()Props (React)
| Prop | Type | Défaut | Description |
|---|---|---|---|
variant | toggle | select | toggle | Interrupteur (toggle) ou liste déroulante (select). |
label | ReactNode | — | Label à côté du toggle (variant toggle). Si absent, affiche le libellé du thème actuel. |
lightLabel | string | Clair | Libellé de l’option clair. |
darkLabel | string | Sombre | Libellé de l’option sombre. |
Intégration
Le composant utilise le ThemeProvider de l’app lorsqu’il est monté ; sinon il lit et écrit data-theme et localStorage directement. Les variables CSS BPM (--bpm-bg-primary, etc.) sont définies dans globals.css pour [data-theme="dark"].
# Toggle (défaut)
bpm.theme()
# Liste déroulante
bpm.theme(variant="select", light_label="Clair", dark_label="Sombre")Tester en direct dans le sandbox :
Ouvrir dans le sandbox