@ui5/webcomponents-react/dist/webComponents/ShellBar/index.js

React Wrapper for UI5 Web Components and additional components

'use client';

import '@ui5/webcomponents-fiori/dist/ShellBar.js';
import { withWebComponent } from '../../internal/withWebComponent.js';
/**
 * The `ShellBar` is meant to serve as an application header
 * and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on.
 *
 * ### Stable DOM Refs
 *
 * You can use the following stable DOM refs for the `ShellBar`:
 *
 * - logo
 * - notifications
 * - overflow
 * - profile
 * - product-switch
 *
 * ### Keyboard Handling
 *
 * #### Fast Navigation
 * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].
 * In order to use this functionality, you need to import the following module:
 * `import "@ui5/webcomponents-base/dist/features/F6Navigation.js"`
 *
 *
 *
 * __Note__: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
 */
const ShellBar = withWebComponent('ui5-shellbar', ['accessibilityAttributes', 'notificationsCount', 'primaryTitle', 'secondaryTitle'], ['showNotifications', 'showProductSwitch', 'showSearchField'], ['assistant', 'logo', 'menuItems', 'profile', 'searchField', 'startButton'], ['logo-click', 'menu-item-click', 'notifications-click', 'product-switch-click', 'profile-click', 'search-button-click']);
ShellBar.displayName = 'ShellBar';
export { ShellBar };