@ui5/webcomponents-react/wrappers/webComponents/Toolbar/index.js

React Wrapper for UI5 Web Components and additional components

'use client';

import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
 * The `Toolbar` component is used to create a horizontal layout with items.
 * The items can be overflowing in a popover, when the space is not enough to show all of them.
 *
 * ### Keyboard Handling
 * The `Toolbar` provides advanced keyboard handling.
 *
 * - [Left]/[Right] - navigate among toolbar items
 * - [Home]/[End] - move to first/last toolbar item
 * - [Tab] / [Shift]+[Tab] - exit the toolbar
 *
 *
 *
 * __Note:__ This is a UI5 Web Component! [Toolbar UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Toolbar) | [Repository](https://github.com/UI5/webcomponents)
 *
 * @since [1.17.0](https://github.com/UI5/webcomponents/releases/tag/v1.17.0) of __@ui5/webcomponents__.
 */
const Toolbar = withWebComponent('ui5-toolbar', ['accessibleName', 'accessibleNameRef', 'alignContent', 'design', 'overflowButtonAccessibleName'], [], [], []);
Toolbar.displayName = 'Toolbar';
export { Toolbar };