Close navbar on item click on mobile screen

[isaacdarcilla]

I want to close the navbar whenever I click an item. How to do this?

[isaacdarcilla]

Closing:

My solution was to use Navbar event (docs). Then just use the onClick somewhere in the NavbarMenuItem, onClick={() => setIsMenuOpen(false)} to close the navbar (controlled)

 const [isMenuOpen, setIsMenuOpen] = useState(false);

 <Navbar
   isMenuOpen={isMenuOpen}
   onMenuOpenChange={setIsMenuOpen}
 >
    <NavbarContent className="sm:hidden" justify="start">
        <NavbarMenuToggle aria-label={isMenuOpen ? "Close menu" : "Open menu"} />
    </NavbarContent>
   
   ...

 </Navbar>