useUI

Control the Openfort modal programmatically: open/close the overlay and navigate between internal routes.

Request

type Request = {
  hook: 'useUI',
  params: []
}

Response

type Response = UseUiReturn
 
type UseUiReturn = {
  isOpen: boolean
  open(): void
  close(): void
  setIsOpen(open: boolean): void
  openProfile(): void
  openSwitchNetworks(): void
  openProviders(): void
  openWallets(): void
}

Example

import { useUI } from "@openfort/react"
 
function HeaderActions() {
  const { isOpen, open, close, openProfile, openProviders } = useUI()
 
  return (
    <>
      <button onClick={openProviders}>Sign in</button>
      <button onClick={openProfile}>Profile</button>
      {isOpen && <button onClick={close}>Close</button>}
    </>
  )
}