shadimage
shadcnhooks
hookuse-booleansource: ok · hit

Use Boolean

A hook to toggle a boolean value

npx shadcn add "https://shadcn-hooks.com/r/use-boolean.json"
free

No selection tags yet — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light

Registry dependencies

@shadcnhooks/use-toggle

Files1 · source cached 10/14/2026, 11:32:26 PM

registry/hooks/use-boolean.ts
import { useMemo } from 'react'
import useToggle from '@/registry/hooks/use-toggle'

export function useBoolean(defaultValue: boolean = false) {
  const [state, actions] = useToggle(defaultValue)

  return [
    state,
    useMemo(
      () => ({
        set: (value: boolean) => actions.set(value),
        setTrue: () => actions.set(true),
        setFalse: () => actions.set(false),
        toggle: () => actions.toggle(),
      }),
      [actions],
    ),
  ] as const
}

More from shadcnhooks

Browse all components in this library →