useAuthModal
Defined in: account-kit/react/src/hooks/useAuthModal.ts:31
A hook that returns the open and close functions for the Auth Modal if uiConfig is enabled on the Account Provider
Example
import React from "react"; import { const useAuthModal: () => { isOpen: boolean; openAuthModal: () => void; closeAuthModal: () => void; }A hook that returns the open and close functions for the Auth Modal if uiConfig is enabled on the Account Provider
useAuthModal } from "@account-kit/react"; const const ComponentWithAuthModal: () => JSX.ElementComponentWithAuthModal = () => { const { const openAuthModal: () => voidopenAuthModal } = function useAuthModal(): { isOpen: boolean; openAuthModal: () => void; closeAuthModal: () => void; }A hook that returns the open and close functions for the Auth Modal if uiConfig is enabled on the Account Provider
useAuthModal(); return ( <React.JSX.IntrinsicElements.div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>div> <React.JSX.IntrinsicElements.button: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>button React.DOMAttributes<HTMLButtonElement>.onClick?: React.MouseEventHandler<HTMLButtonElement> | undefinedonClick={const openAuthModal: () => voidopenAuthModal}>Login</React.JSX.IntrinsicElements.button: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>button> </React.JSX.IntrinsicElements.div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>div> ); };
Returns
object
an object containing methods for opening or closing the auth modal. ref