Documentation
Modals
Select Characters

Select Characters Modal

In order to mint new character, you need to connect wallet account first.

Usage

import {
	useIsConnected,
	useSelectCharactersModal,
} from "@crossbell/connect-kit";
 
export function SelectCharactersBtn() {
	const isConnected = useIsConnected();
	const { isActive, show, hide } = useSelectCharactersModal();
 
	if (!isConnected) return null;
 
	return <button onClick={show}>Select Characters</button>;
}

Return type

OptionTypeDescription
isActivebooleanIndicates whether the modal is activated or not
show() => voidShow modal
hide() => voidHide modal