Hey,
Is there any example on how to create persistent embed login UI like: https://demo.web3auth.io/ without opening modal in NextJs?
And which library can I use for a custom login UI?
Hey,
Is there any example on how to create persistent embed login UI like: https://demo.web3auth.io/ without opening modal in NextJs?
And which library can I use for a custom login UI?
Hi, unfortunately there isn’t an official example or built-in component that gives you a persistent embedded login UI exactly like the demo without opening the modal.
You can refer to the following information to have a custom UI. The UI would be fully customizable from the dashboard.
Here is an example for a custom UI (no modal):
https://github.com/Web3Auth/web3auth-examples/tree/main/quick-starts/react-no-modal-quick-start
And here is the custom UI portion in our docs (with integration code):
https://docs.metamask.io/embedded-wallets/sdk/react/hooks/useWeb3AuthConnect/#usage
Hi @Crazy_Hd Would you please check shana’s reply above and let us know if you still have any questions? Thank you!
Hey @Crazy_Hd
Just a clarification here: Our demo uses our standard modal only, there is no persistent action there, we just load it in the constructor and update it as the side panel values are updated again and again. It will work exactly the same way for you if you wish.
Also as @shana mentioned above, you can always use custom UI and hide web3auth altogether, it will be all your own UI components using our custom ui (no modal) approach.
thanks for the help, got it