useToggle

Boolean state with convenient toggle, on, and off helper functions.

import { useToggle } from "@allem-sdk/hooks";

Parameters

Prop	Type	Default	Description
initialValue	boolean	false	Initial toggle state

Returns

Property	Type	Description
value	boolean	Current state
toggle	() => void	Flip the value
on	() => void	Set to true
off	() => void	Set to false

Usage

const { value: isOpen, toggle, on, off } = useToggle();

<button onClick={toggle}>
  {isOpen ? "Close" : "Open"}
</button>

{isOpen && <Panel onClose={off} />}