Modal Element
1. Default Modal
Copy
In order to create a modal with Tailwind CSS you only have to add data-modal-toggle="modalId" data attribute where modalId is the id of the modal that you are targeting. Make sure that you also have aria-hidden="true" applied as an attribute when the modal is hidden by default.
2. Pop-up Modal
Copy
3. Form modal
Copy
4. Crypto wallet modal
Copy
Use this web3 modal component to show crypto wallet connection options like MetaMask or WalletConnect when building a website based on NFT authentication and collectibles.
5. Modal sizing
Copy
6. Modal placement
Copy