/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

0 vote237 views2 answers
"Type error: ReflectionFunction::__construct() expects parameter 1 to be string, array given"
TypeScript
1 vote195 views1 answer
Node js process on unhandled promise rejection
TypeScript
0 vote204 views1 answer
+github graphql api get commits from repo
TypeScript
-1 vote242 views1 answer
Node scripts delay
TypeScript
0 vote209 views1 answer
From __future__ import unicode_literals import youtube_dl ydl_opts = {} with youtube_dl.YoutubeDL(ydl_opts) as ydl: ydl.download(['VideoURL'])
TypeScript
1 vote202 views1 answer
Advantages of automation
TypeScript
0 vote202 views1 answer
How does the biological aspect of mountain region depend upon its physical aspect
TypeScript
1 vote225 views2 answers
No type arguments expected for interface Callback
TypeScript
0 vote202 views1 answer
Nestjs fail on unknown properties
TypeScript
0 vote186 views1 answer
Typescript sugar syntax
TypeScript