/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 vote340 views1 answer
Reset specific field in reactive form
TypeScript
4 votes352 views2 answers
ERROR in The Angular Compiler requires TypeScript >=3.4.0 and <3.6.0 but 4.1.5 was found instead.
TypeScript
8 votes326 views3 answers
Cannot find module '@angular-devkit/build-angular/package.json'
TypeScript
0 vote348 views1 answer
Return tru if one of the objects in a aray has a fild match
TypeScript
0 vote321 views1 answer
Scroll,Position
TypeScript
16 votes318 views1 answer
Python for with two arrays
TypeScript
9 votes336 views2 answers
Delete all child elements jquery
TypeScript
19 votes332 views3 answers
Set default route angular
TypeScript
0 vote339 views2 answers
How to see constraints in postgresql
TypeScript
30 votes348 views1 answer
The file C:\Users\user\AppData\Roaming\npm\ng.ps1 is not digitally signed. You cannot run this script on the current system. For more information about running scripts and setting execution policy, see about_Execution_Policies at
TypeScript