NoA IgniteAccelerator Docs
Contact ↗
GitHubGitHub
  • Get Started
    • README
      • README
      • README
      • README
      • Context
      • PaymentEmbed
      • README
        • createGetCentraWebhookEvents
      • README
      • createRenderBlock
      • createRequiredContext
      • createSvgIcon
      • getReactElementRef
      • isRefObject
      • setRef
      • useElementSize
      • useFocusReturn
      • useForkRef
      • useInert
      • useIntersectionObserver
      • useInterval
      • useIsomorphicEffect
      • useMediaQuery
      • useMutationObserver
      • useRTL
      • useResizeObserver
      • useSticky
      • useTimeout
      • useVisualViewport
      • useWindowSize
      • README
      • typography
      • AnyFunction
      • Concatenate
      • DistributiveOmit
      • HintedNumber
      • HintedString
      • KeyOfAny
      • MapKeys
      • Maybe
      • OverridableStringUnion
      • Overwrite
      • Prettify
      • PropsFrom
      • README
      • Repeat
      • Split
      • WithFallback
      • Writeable
      • README
      • assert
      • calculateContrast
      • calculateLuminance
      • capitalize
      • clamp
      • colorContrast
      • deepmerge
      • hexToRGB
      • isObject
      • isPlainObject
      • lerp
      • mapRange
      • normalize
      • omit
      • pick
      • range
      • sleep

On This Page

  • useFocusReturn
  • Example
Question? Give us feedback →
@noaignitereact-utilsuseFocusReturn

useFocusReturn

Records currently focused element and returns focus to it when when is set to false.

  • @param when - When true, focus is recorded. When false, focus is returned.
  • @param options - Configurable options
  • @returns void

Example

const [isDialogOpen, setIsDialogOpen] = useState(false)
 
useFocusReturn(isDialogOpen)
 
return (
  <Dialog open={isDialogOpen} onClose={setIsDialogOpen} />
)
useElementSizeuseForkRef

Accelerator Docs