Skip to content

Design and coded a cute React component that toggles between day and night themes with a LIVE DEMO.

Notifications You must be signed in to change notification settings

dottereldesign/react_theme-switcher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

Theme Switcher

An interactive theme switcher button for React that toggles between day and night themes.

Table of Contents

Installation

Clone the repository and navigate to the project directory:

git clone https://github.com/yourusername/theme-switcher.git
cd theme-switcher
npm install

Run Locally

npm start

Adding the ThemeSwitcherButton Component

To use the ThemeSwitcherButton component in your project, follow these steps:

  1. Copy the ThemeSwitcherButton.js and ThemeSwitcherButton.css files from the components directory to your project.
  2. Import and use the component in your application:
import React from 'react';
import ThemeSwitcherButton from './components/ThemeSwitcherButton';
import './App.css';

function App() {
  return (
    <div className="App">
      <main>
        <ThemeSwitcherButton />
      </main>
    </div>
  );
}

export default App;

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

Author

Jamie Wilson

About

Design and coded a cute React component that toggles between day and night themes with a LIVE DEMO.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published