# Appheader

## Usage

The `AppHeader` component provides a consistent header layout for applications. This component creates a standardized application header with two main sections: a top bar for branding and primary navigation, and an optional bottom bar for secondary navigation. The header automatically adapts to different screen sizes and provides consistent spacing and styling for all child elements.

### Typical usage pattern

- Use within the header slot of `m-app-layout`
- Place `m-app-menu` in the app-menu slot for application switching
- Place logo and branding in the logo slot
- Place user menu, language selector, and additional actions in additional-navigation slot
- Place main navigation links in the navigation slot for the bottom bar