Use Dark Mode

@react-hooks-hub/use-dark-mode

@react-hooks-hub/use-dark-mode

use-dark-mode is a custom React hook that allows you to easily manage dark mode in your application. It simplifies the handling of user preferences regarding the theme (light or dark) with support for the system default mode. This hook is configurable and can be persisted in localStorage to remember the user's choices between sessions.

Features

- Automatic Dark Mode: Based on the user's system preferences.
- Persistence: Saves the user's chosen theme in localStorage.
- Simple Configuration: Customize the storage key and default mode.
- Easy Integration: Simple to use in any React application.

Installation

Use your preferred package manager to install @react-hooks-hub/use-dark-mode:

``bash npm install @react-hooks-hub/use-dark-mode

`or`


yarn add @react-hooks-hub/use-dark-mode


Usage
Import and use the useDarkMode hook in your component:

`JSX import React from 'react'; import { useDarkMode } from '@react-hooks-hub/use-dark-mode';

function MyComponent() { const { switchMode, darkMode } = useDarkMode({ persistance: true, defaultMode: 'system' });

return (


      {darkMode ? 'Dark Mode' : 'Light Mode'}


  );
};
export default MyComponent;