Skip to content

useUI

Control the Openfort modal: open/close and navigate between views.

Usage

import { useUI } from '@openfort/react';
 
function Header() {
  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>}
    </>
  );
}

Return type

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