import { createContext, useState } from "react"; export const ThemeContext = createContext(); // pass the prop children; a provider is needed here export default function ThemeContextProvider({ children }) { // boolean for default setting const [darkMode, setDarkMode] = useState(true); return ( // allows darkMode and setDarkMode to be used <ThemeContext.Provider value={{ darkMode, setDarkMode }}> {children} </ThemeContext.Provider> ); }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter