Skip to main content

useDarkMode

  • easy to store darkMode in localStorage

Features​

  • useDarkMode use zustand because of code clean

Types​

const useDarkMode: () => {
  isDark: boolean;
  on: () => void;
  off: () => void;
  toggle: () => void;
};

Example​

const ModalComponent = () => {
  const { isDark, on, off, toggle } = useDarkMode();

  return (
    <div>{isDark: {JSON.stringify(isDark)}}</div>
    <button onClick={on}>darkMode on</button>
    <button onClick={off}>darkMode off</button>
    <button onClick={toggle}>darkMode toggle</button>
  )
};