/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 vote152 views1 answer
The html element that houses all html element that contains meta information about the web page,importing external stylesheets and internal ces
TypeScript
27 votes180 views6 answers
Router.navigate angular
TypeScript
0 vote147 views1 answer
Push array elements if not exists mongoose
TypeScript
0 vote165 views1 answer
Automation over manual
TypeScript
0 vote155 views1 answer
Whats a typedef in c++
TypeScript
6 votes141 views3 answers
Get all documents in collection firestore
TypeScript
0 vote148 views1 answer
How to check typescript version for my react-app
TypeScript
1 vote139 views1 answer
Return rest division typescript
TypeScript
1 vote135 views1 answer
CLIENT MISSING INTENTS discord
TypeScript
15 votes170 views1 answer
Create react app with typescript config
TypeScript