When it contains no items, the Navigation block currently looks like this:

While implementing the header and footer patterns in #31610, I've run into a few issues with this placeholder appearance. In general, when choosing a pattern in the pattern carousel, it's hard to envision what the final navigation will look like.

In the case of patterns in particular, it would be helpful for the placeholder to more accurately show a realistic version of what the menu may end up looking like. For example, showing:

• Font size and font appearance for the navigation items.
• Recommended "placeholder" items for the pattern preview: Some patterns will be designed to include tens of menu items, others just a few.
• Whether or not to include a search icon. (Search blocks can be added separately, so I'm not sure they make sense in this placeholder?)
• Whether or not responsive navigation feature is enabled

Screenshots

Font size not represented by the current placeholder:

Responsive nav not reflected by the current placeholder:

Example of a pattern where a more curated placeholder state might be helpful (In general, search shouldn't be there twice):

cc @jasmussen since I know you're thinking about these things.