Brickslab.Toolsv2.1.1

@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
Override rapide

Tous les paramètres listés dans cette table sont overrideables via les props. Utilisez ce squelette comme point de départ.

<MyComponent
  (aucune)={...}
/>
(aucune)

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.