/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 vote105 views1 answer
Remote events client to server lua
TypeScript
3 votes131 views2 answers
Removing directories in linux
TypeScript
1 vote122 views1 answer
Not enough input arguments matlab
TypeScript
16 votes101 views5 answers
For loop typescript
TypeScript
2 votes112 views1 answer
Multer s3
TypeScript
-1 vote125 views1 answer
Var str1='hello world'; var str2='welcome to typescript'; function test(str1:string,str2:string){ console.log(str1.concat(str2)) console.log(str1.concat( 'mr','vinay')) } test(); console.log(str1.concat(str2))
TypeScript
9 votes96 views2 answers
Array contains typescript
TypeScript
0 vote105 views1 answer
Render html tags in typescript
TypeScript
0 vote100 views1 answer
If 2 class implements same interface and now i planned to add both the component in ioc java
TypeScript
1 vote107 views1 answer
Roblox finding points around a circle using radius, center, and angle
TypeScript