Knit UI
DocsComponentsFoundationsGuidesChangelog
GitHub
  • What is Knit UI
  • Why Knit UI
  • Architecture
  • Packages
  • Installation
  • Quickstart
  • Expo
  • Next.js
  • Vite
  • Bundler setup
  • Server rendering
  • TypeScript
  • Troubleshooting
  • Principles
  • Tokens
  • Color & themes
  • Theme builder
  • Typography
  • Sizing
  • Variants & colors
  • Elevation
  • Motion
  • Focus & a11y
  • Layout
  • Slots & styles
  • Gradients
  • Responsive
  • Dark mode
  • Icons
  • styled()
  • useAppState
  • useCallbackRef
  • useClipboard
  • useCounter
  • useDebouncedCallback
  • useDebouncedValue
  • useDidUpdate
  • useDisclosure
  • useDismissOnScroll
  • useElementSize
  • useFocusTrap
  • useForceUpdate
  • useId
  • useInterval
  • useIsFirstRender
  • useKeyboardActions
  • useKeyboardHeight
  • useListState
  • useMergedRef
  • useMounted
  • useMove
  • useOs
  • usePagination
  • usePrevious
  • useQueue
  • useRadialMove
  • useReducedMotion
  • useSetState
  • useThrottledCallback
  • useThrottledValue
  • useTimeout
  • useUncontrolled
  • useValidatedState
  • useViewportSize

@knitui/hooks

useDisclosure

Manage a boolean open/close state (port of Mantine's useDisclosure).

WebiOSAndroid
Source

Import

import { useDisclosure } from "@knitui/hooks";

Signature

export function useDisclosure( initialState = false, callbacks?: { onOpen?: () => void; onClose?: () => void }, ): [boolean, UseDisclosureHandlers]

Exported types: UseDisclosureHandlers

PrevioususeDidUpdateNextuseDismissOnScroll
MIT licensed · © The HausGitHub · npm · Storybook