Brickslab.

@brickslab/ui-web

Interrupteur de thème somb­re / clair utilisant le composant ToggleSwitch de la librairie. Il persiste la préférence dans localStorage et applique une classe sur le root.

Caractéristiques

  • Basculer entre les thèmes clair et sombre
  • Prend en compte la préférence système au premier chargement
  • Persistance via localStorage
  • Utilise le composant ToggleSwitch de @brickslab/ui-web

Props

PropTypeDéfautRequisDescription
(aucune)-——Le composant n'accepte pas de props externes, il gère son propre état et persistance

Démonstration

Le bouton est rendu ci‑dessous :

Utilisation

tsx
import { ThemeToggle } from "@brickslab/catalog";

function AppHeader() {
  return <ThemeToggle />;
}

Notes

⚠️ Ce composant est spécifique au catalogue et n'est pas parti de la librairie UI.