/TypeScript/Chakra ui menu open on hover

Chakra ui menu open on hover

import { useDisclosure, Menu, MenuButton, MenuList, MenuItem } from '@chakra-ui/react'
export default function Navbar(){
  return (
             <Menu isOpen={isOpen}>
                <MenuButton onMouseEnter={onOpen} onMouseLeave={onClose}>
                  <span className="mr-1">
                    CAREER
                  </span>
                </MenuButton>

                <MenuList className="drop" onMouseEnter={onOpen} onMouseLeave={onClose}>
                  <MenuItem className="menu_item hover:opacity-60 hover:text-black ">
                    <Link href="/join-our-team">
                      <a className={` ${pathname == '/join-our-team' ? 'opacity-60 text-white scale-110 ml-1' : ''}`}>JOIN OUR TEAM</a>
                    </Link>
                  </MenuItem>
                  <MenuItem className="menu_item hover:opacity-60 hover:text-black ">
                    <Link href="/life-at-sirocco">
                      <a className={`z-[1000]  ${pathname == '/life-at-sirocco' ? 'opacity-60 text-white scale-110 ml-1' : ''}`}>LIFE AT SIROCCO</a>
                    </Link>
                  </MenuItem>
                </MenuList>
              </Menu>
  )
  
}

Source: coffeeclass.io

Similar codes

1 vote268 views1 answer
How to delete the spec.ts file in project all togethre
TypeScript
0 vote245 views1 answer
Unable to determine application id: com.android.tools.idea.run.apkprovisionexception: no outputs for the main artifact of variant: debug
TypeScript
4 votes307 views1 answer
Pub schedule firebase
TypeScript
0 vote303 views1 answer
Why are inline scripts not working anymore on HTML
TypeScript
0 vote328 views1 answer
React dynamic inputs with id
TypeScript
0 vote279 views2 answers
Python requests get all cookies
TypeScript
0 vote290 views1 answer
Bits required for address 1 GB memory
TypeScript
0 vote273 views3 answers
SocketException: An attempt was made to access a socket in a way forbidden by its access permissions. in core 6.0
TypeScript
0 vote285 views2 answers
Subplots legend
TypeScript
3 votes322 views1 answer
/C:/flutter/packages/flutter/lib/src/widgets/localizations.dart:413:17: Context: Found this candidate, but the arguments don't match.
TypeScript