pull down menu items

[agilepro]

I am looking for a Gatsby example that has a menu where the top level menu item has a list of submenu items under it.

This is such a common feature it is surprising that none of the example sites that I can find have pull down menus. They all have like 2 pages and a menu with two items in it. That is great for a demo. I am writing a really simple site for a group with about 20 pages. I just need a menu at the top, and a few of the menu items need pull down to submenu.

This is probably so easy to do that Gatsby documentation just fails to mention it at any point that I can find. All of the sample site include integrations with technologies that I down need. My site is a simple 20-page fixed page site, but you can't put 20 menu items in a single line nav bar.

Is there an example I can look at? I have see some examples of more complex menus, but they appear to get the menu from a database. I don't really need to do that -- the pages in this simple site are fixed. I just need to know how to structure the react calls to make a pull down menu, which would seem to be an incredibly common need.

I spent two hours searching for "Gatsby pull down menu" and many variants of that, but it seems to be a topic that nobody has written about. It has to be really easy. All of the real example of sites have them, but I don't have access to the source of those. I only have access to the source of the example sites, which don't demonstrate how to do this.

Can you link me to any article that would explain this to a novice React programmer? Thanks.