use-boolean
shadcn-hooks/use-booleanFreeHook
A hook to toggle a boolean value
Install it
npx shadcn@latest add https://shadcn-hooks.com/r/use-boolean.jsonSource
1import { useMemo } from 'react'2import useToggle from '@/registry/hooks/use-toggle'34export function useBoolean(defaultValue: boolean = false) {5 const [state, actions] = useToggle(defaultValue)67 return [8 state,9 useMemo(10 () => ({11 set: (value: boolean) => actions.set(value),12 setTrue: () => actions.set(true),13 setFalse: () => actions.set(false),14 toggle: () => actions.toggle(),15 }),16 [actions],17 ),18 ] as const19}
What it pulls in
Other registry items
Files it writes
More from shadcn-hooks
All 58 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| use-active-elementuse-active-element | shadcn-hooks | Hooks | Free | no deps | |
| use-batteryuse-battery | shadcn-hooks | Hooks | Free | no deps | |
| use-click-any-whereuse-click-any-where | shadcn-hooks | Hooks | Free | no deps | |
| use-click-awayuse-click-away | shadcn-hooks | Hooks | Free | no deps | |
| use-clipboarduse-clipboard | shadcn-hooks | Hooks | Free | no deps | |
| use-controllable-valueuse-controllable-value | shadcn-hooks | Hooks | Free | 1 dep | |
| use-counteruse-counter | shadcn-hooks | Hooks | Free | no deps | |
| use-creationuse-creation | shadcn-hooks | Hooks | Free | 1 dep |
