2.0.1 • Published 4 years ago

@react-hook/toggle v2.0.1

Weekly downloads
179
License
MIT
Repository
github
Last release
4 years ago

A React hook for toggling between two values

Quick Start

import useToggle from '@react-hook/toggle'

const Component = (props) => {
  const [value, toggle] = useToggle(false, true)

  return (
    <button onClick={toggle}>
      {value === false ? 'Toggle on' : 'Toggle off'}
    </button>
  )
}

API

useToggle(off?, on?, defaultValue?)

function useToggle<Off extends any, On extends any>(
  off: Off,
  on: On,
  defaultValue: Off | On = off
): [Off | On, () => void]
ArgumentTypeDefaultRequired?Description
offOfffalseNoThe value of the toggle in its off state
onOntrueNoThe value of the toggle in its on state
defaultValueOff | OnoffNoThe default value of the toggle, either the value of off or on

LICENSE

MIT