Tpk Navbar

A ready-to-use top navigation bar with support for branding, navigation links, language switching, and user menu.

Examples

Basic usage

Properties

Name Type Required Description
@title string No Application title displayed in the navbar.
@navbarItems NavbarItem[] No Array of navigation items. Each item has a label and an optional href or onClick handler.
@drawerId string No ID linking the navbar toggle button to a sidebar drawer.
@onSidebarToggle () => void No Callback called when the sidebar toggle button is clicked.
@languages Language[] No Array of available languages with code and label for the language switcher.
@onLocaleChange (locale: string) => void No Callback called with the selected locale code when the user changes language.
@currentUser { fullName: string } No Currently authenticated user object with a fullName property for the user menu.
@onLogout () => void No Callback called when the user clicks the logout button.
@logoutLabel string No Label for the logout menu item. Defaults to 'Logout'.
@profileRoute string No Ember route name to navigate to when the user clicks the profile menu item.
@profileLabel string No Label for the profile menu item. Defaults to 'Profile'.