/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 vote239 views1 answer
Node js if url is image
TypeScript
1 vote224 views2 answers
Clipping input data to the valid range for imshow with RGB data ([0..1] for floats or [0..255] for integers)
TypeScript
0 vote222 views1 answer
Type 'void' is not assignable to type '((this: GlobalEventHandlers, ev: MouseEvent) => any) | null'
TypeScript
1 vote228 views1 answer
Python get elements from list of dictionaries
TypeScript
-6 votes263 views4 answers
Whats the internet
TypeScript
0 vote226 views1 answer
UpdateTable operation with the GlobalSecondaryIndexUpdates parameter
TypeScript
1 vote203 views1 answer
Laravel update if exists or create
TypeScript
0 vote220 views1 answer
Regex exec returns null
TypeScript
9 votes242 views2 answers
Delete all child elements jquery
TypeScript
1 vote242 views1 answer
Add graphql to strapi
TypeScript