NavDropdown

Domain

Event koyu nav barı için dropdown bileşen ailesi: NavDropdown kapsayıcı, NavDropdownHeader başlık, NavTriggerButton tetikleyici. useNavPopover hook'u ile kullanılır.

Preview

Code

const { open, setOpen, ref } = useNavPopover();

<div ref={ref} className="relative">
  <NavTriggerButton onClick={() => setOpen(p => !p)} expanded={open}>
    Options
  </NavTriggerButton>
  {open && (
    <NavDropdown>
      <NavDropdownHeader>Choose one</NavDropdownHeader>
      <ul>{...}</ul>
    </NavDropdown>
  )}
</div>

NavDropdown

Dropdown açık/kapalı

Navigation