Customizing the header
You can customize:
10 docs tagged with "header"
View all tagsExamples and configuration
rapid-layout is supported for Genesis FAST Element apps only.
Feature flags in the header
foundation-header can show a Feature Flags control on the right-hand side of the navigation bar. Users open a panel with a multiselect of flags you define; changing the selection updates URL feature. query parameters and reloads the page* so boot-time consumers re-evaluate the flags.
Header
foundation-header is a micro front-end consisting of a navigation bar and a flyout menu, with routing, account-logout capabilities, language switching, and an optional Feature Flags selector for URL feature.* toggles.
Layout declarative HTML API
rapid-layout is supported for Genesis FAST Element apps only.
Layout dynamic JS API
rapid-layout is supported for Genesis FAST Element apps only.
Layout management
rapid-layout is supported for Genesis FAST Element apps only.
Manual header set-up
If the foundation-header component has not been implemented in your project, follow the steps below to add this micro front-end to your application.
Pitfalls and troubleshooting
rapid-layout is supported for Genesis FAST Element apps only.
Switching between languages
The foundation-header component can display a language selector if the `show-language-selector` attribute is set. This enables users to switch between different languages within the application.