Hooks

13 pages

React hooks exported alongside the components. Components that rely on one link to it from their own page.

useDebouncedValue

Wait until a value has stopped changing.

useDialogFocus

Move, trap and restore focus for a dialog.

useDismissable

Close a panel on an outside click or Escape.

useDocumentTitle

Set document.title from a page component.

useEscapeKey

Run a callback when Escape is pressed.

useFlipAlign

Flip a panel to the other side when it would overflow.

useKeyboardShortcuts

Global shortcuts such as mod+k.

useLeaveWarning

Warn before the tab is closed or the back button is used with unsaved changes.

useMediaQuery

Track whether a CSS media query matches.

useNetworkStatus

Whether the browser is online, offline or without internet.

useScrollProgress

How far the page or a scrolling element has been scrolled.

useTimedToast

State for stacked, self-dismissing toasts.

useUnsavedChanges

Ask before leaving a page with a form that is not saved.