UNPKG

@ui5/webcomponents-react

Version:

React Wrapper for UI5 Web Components and additional components

49 lines (48 loc) 2.58 kB
import '@ui5/webcomponents-fiori/dist/UserMenuItemGroup.js'; import type MenuItemGroupCheckMode from '@ui5/webcomponents/dist/types/MenuItemGroupCheckMode.js'; import type { CommonProps, Ui5DomRef } from '@ui5/webcomponents-react-base'; import type { ReactNode } from 'react'; interface UserMenuItemGroupAttributes { /** * Defines the component's check mode. * @default "None" */ checkMode?: MenuItemGroupCheckMode | keyof typeof MenuItemGroupCheckMode; } interface UserMenuItemGroupDomRef extends Required<UserMenuItemGroupAttributes>, Ui5DomRef { } interface UserMenuItemGroupPropTypes extends UserMenuItemGroupAttributes, Omit<CommonProps, keyof UserMenuItemGroupAttributes | 'children'> { /** * Defines the items of this component. * **Note:** The slot can hold any combination of components of type `ui5-menu-item` or `ui5-menu-separator` or both. * * __Supported Node Type/s:__ `Array<IMenuItem>` */ children?: ReactNode | ReactNode[]; } /** * The `UserMenuItemGroup` component represents a group of items designed for use inside a `UserMenu`. * Items belonging to the same group should be wrapped by a `UserMenuItemGroup`. * Each group can have an `itemCheckMode` property, which defines the check mode for the items within the group. * The possible values for `itemCheckMode` are: * - 'None' (default) - no items can be checked * - 'Single' - Only one item can be checked at a time * - 'Multiple' - Multiple items can be checked simultaneously * * **Note:** If the `itemCheckMode` property is set to 'Single', only one item can remain checked at any given time. * If multiple items are marked as checked, the last checked item will take precedence. * * ### Usage * * `UserMenuItemGroup` represents a collection of `UserMenuItem` components that can have the same check mode. * The items are addeed to the group's `items` slot. * * * * __Note:__ This is a UI5 Web Component! [UserMenuItemGroup UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/UserMenuItemGroup) | [Repository](https://github.com/UI5/webcomponents) * * @since [2.12.0](https://github.com/UI5/webcomponents/releases/tag/v2.12.0) of __@ui5/webcomponents-fiori__. */ declare const UserMenuItemGroup: import("react").ForwardRefExoticComponent<UserMenuItemGroupPropTypes & import("@ui5/webcomponents-react-base").WithWebComponentPropTypes & import("react").RefAttributes<UserMenuItemGroupDomRef>>; export { UserMenuItemGroup }; export type { UserMenuItemGroupDomRef, UserMenuItemGroupPropTypes };