Wrapper container for header navigation content. A simple semantic `<div>` wrapper that holds navigation components like `ed-primary-nav`, utility navigation, mobile menu content, etc. Used as a layout container within headers to manage navigation visibility and spacing. **Typical usage** in header structure: ```html <ed-header> <ed-layout-container> <ed-nav-container> <ed-primary-nav>...</ed-primary-nav> <ed-utility-nav>...</ed-utility-nav> </ed-nav-container> </ed-layout-container> </ed-header> ``` **Behavior**: On small screens, the nav container can be toggled visible/hidden by a menu button. On larger screens, it displays by default. This component itself doesn't handle visibility logic — that's managed by the parent header. **Layout**: Flexible container with proper spacing relative to header content.

Slots

Interactive Documentation

Full interactive examples, variant previews, accessibility audits, and the complete API reference are available in Storybook — generated directly from the component source code.

Source

packages/eddie-web-components/components/nav-container/nav-container.ts