Menu with Links

import { Menu } from '@ark-ui/react/menu'

export const Example = () => {
  return (
    <Menu.Root>
      <Menu.Trigger>Open menu</Menu.Trigger>
      <Menu.Positioner>
        <Menu.Content>
          <Menu.Item value="react" asChild>
            <a href="https://reactjs.org">React</a>
          </Menu.Item>
          <Menu.Item value="solid" asChild>
            <a href="https://solidjs.com">Solid</a>
          </Menu.Item>
          <Menu.Item value="vue" asChild>
            <a href="https://vuejs.org">Vue</a>
          </Menu.Item>
        </Menu.Content>
      </Menu.Positioner>
    </Menu.Root>
  )
}