import React, {useState} from "react";
import DarkModeToggle from "react-dark-mode-toggle";

export default () => {
  const [isDarkMode, setIsDarkMode] = useState(() => false);
  return (
    <DarkModeToggle
      onChange={setIsDarkMode}
      checked={isDarkMode}
      size={80}
    />
  );
};

Props

Prop	Type	Default	Required
`onChange`	func	`value => null`	No
`checked`	boolean	`false`	No
`size`	number (defaults to px) or string (px, em, rem, %, etc.)	`85`	No
`speed`	number	`1.3`	No
`className`	string	`null`	No

Note, this is not a dark mode theme implementation; it's just a button! You'll need to mix this with a management solution such as use-dark-mode.

License

MIT

Keywords

react dark night mode toggle button