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

React Wrapper for UI5 Web Components and additional components

'use client';

import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
 * The `NotificationListGroupItem` is a special type of list item,
 * that unlike others can group items within self, usually `NotificationListItem` items.
 *
 * The component consists of:
 *
 * - `Toggle` button to expand and collapse the group
 * - `TitleText` to entitle the group
 * - Items of the group
 *
 * ### Usage
 * The component should be used inside a `NotificationList`.
 *
 * ### Keyboard Handling
 * The `NotificationListGroupItem` provides advanced keyboard handling.
 * This component provides fast navigation when the header is focused using the following keyboard shortcuts:
 *
 * - [Space] - toggles expand / collapse of the group
 * - [Plus] - expands the group
 * - [Minus] - collapses the group
 * - [Right] - expands the group
 * - [Left] - collapses the group
 *
 *
 *
 * __Note:__ This is a UI5 Web Component! [NotificationListGroupItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/NotificationListGroupItem) | [Repository](https://github.com/UI5/webcomponents)
 */
const NotificationListGroupItem = withWebComponent('ui5-li-notification-group', ['growing', 'loadingDelay', 'titleText'], ['collapsed', 'loading', 'read'], [], ['click', 'load-more', 'toggle']);
NotificationListGroupItem.displayName = 'NotificationListGroupItem';
export { NotificationListGroupItem };