@react-hook/toggle
v2.0.1 react react hook toggle hook react toggle hook react hook toggle
useToggle()
npm i @react-hook/toggle
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]
Argument | Type | Default | Required? | Description |
---|---|---|---|---|
off | Off |
false |
No | The value of the toggle in its off state |
on | On |
true |
No | The value of the toggle in its on state |
defaultValue | `Off | On` | off |
No |
LICENSE
MIT