@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
33 lines (32 loc) • 1.52 kB
JavaScript
'use client';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
* The `NotificationList` web component represents
* a container for `NotificationListGroupItem` and `NotificationListItem`.
*
* ### Keyboard Handling
*
* #### Basic Navigation
* The `NotificationList` provides advanced keyboard handling.
* When a list is focused the user can use the following keyboard
* shortcuts in order to perform a navigation:
*
* - [Up] or [Left] - Navigates up the items
* - [Down] or [Right] - Navigates down the items
* - [Home] - Navigates to first item
* - [End] - Navigates to the last item
*
* #### 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! [NotificationList UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/NotificationList) | [Repository](https://github.com/UI5/webcomponents)
*
* @since [2.0.0](https://github.com/UI5/webcomponents/releases/tag/v2.0.0) of __@ui5/webcomponents-fiori__.
*/
const NotificationList = withWebComponent('ui5-notification-list', ['noDataText'], [], [], ['item-click', 'item-close', 'item-toggle']);
NotificationList.displayName = 'NotificationList';
export { NotificationList };