kosich / react-darkmode-toggler

Dark Theme UI Button, Toggler

react-darkmode-toggler

Made with create-react-library

Demo

Install

npm i react-darkmode-toggler

or

yarn add react-darkmode-toggler

Usage

import React, { Component } from 'react'

import { DarkToggler } from "react-darkmode-toggler";


export default () => {

  // True: Dark mode is on, False: light Mode is on
  const [isDark, setIsChecked] = useState<boolean>(false)

  // toggling button handler
  const darkModeTogger = () => {
    setIsChecked((isDark) => !isDark)
  }

  render() {
    return <DarkToggler size='small' isDark={isDark} onClick={darkModeTogger} />
  }
}

Props

| Props   | Types   | Default | Required |
| ------- | ------- | ------- | -------- |
| isDark  | boolean | false   | Yes      |
| onClick | func    | null    | yes      |
| size    | string  | middle  | no       |
| border  | string  | #000    | no       |

License

MIT ©