How to make logout button like this

when I hover my cursor over, there’s a rounded grey rectangle and a logout logo. This is for logout. How to implement in react?
Screenshot 2021-05-22 at 11.17.24 AM

Hi, I recommend taking some CSS or Javascipt course as this is basic web development question and is outside of this forum which focuses on Moralis.

If you know CSS and Javascript you need to create a div and position all elements (address and button) with CSS and initially set visibility of button to none. Then do a hover event and show the logout button when it triggers.

Check here how to listen for hover with JS: https://www.w3schools.com/jquery/event_hover.asp

good luck

1 Like