Skip to content

MuhammadUzmanKhanPS/React-Theme-Switcher-PS

Repository files navigation

React Theme Switcher PHS

This package allows you to easily switch themes in your React application.

Installation

You can install the package using npm or yarn.

npm

npm install react-theme-switcher-phs

yarn
yarn install react-theme-switcher-phs

Sure, here's an updated version of your README.md file with the steps you provided for installing and using the react-theme-switcher-phs package.

markdown
Copy code
# React Theme Switcher PHS

This package allows you to easily switch themes in your React application.

## Installation

You can install the package using npm or yarn.

### npm

```sh
npm install react-theme-switcher-phs
yarn
sh
Copy code
yarn install react-theme-switcher-phs
Usage
Follow these steps to use the theme switcher in your React application.

Import the necessary files
In your component file, import ThemeSwitcher and ThemeProvider from react-theme-switcher-phs.

import { ThemeSwitcher, ThemeProvider } from "react-theme-switcher-phs";

Wrap your application with ThemeProvider
Use ThemeProvider to wrap your application. Inside the ThemeProvider, include the ThemeSwitcher component.

function App() {
  return (
    <ThemeProvider>
      <div className="App">
        <ThemeSwitcher />
      </div>
    </ThemeProvider>
  );
}

export default App;

Example
Below is an example of how to implement the theme switcher in your App component.

import React from 'react';
import { ThemeSwitcher, ThemeProvider } from 'react-theme-switcher-phs';

function App() {
  return (
    <ThemeProvider>
      <div className="App">
        <ThemeSwitcher />
      </div>
    </ThemeProvider>
  );
}

export default App;

Notes
Ensure you have React and React-DOM installed in your project.
Customize the themes and other settings according to your requirements

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published