UNPKG

@ui5/webcomponents-react

Version:

React Wrapper for UI5 Web Components and additional components

47 lines (46 loc) 2.03 kB
import '@ui5/webcomponents-fiori/dist/TimelineGroupItem.js'; import type { CommonProps, Ui5CustomEvent, Ui5DomRef } from '@ui5/webcomponents-react-base'; import type { ReactNode } from 'react'; interface TimelineGroupItemAttributes { /** * Determines if the group is collapsed or expanded. * @default false */ collapsed?: boolean; /** * Defines the text of the button that expands and collapses the group. * @default undefined */ groupName?: string | undefined; } interface TimelineGroupItemDomRef extends Required<TimelineGroupItemAttributes>, Ui5DomRef { } interface TimelineGroupItemPropTypes extends TimelineGroupItemAttributes, Omit<CommonProps, keyof TimelineGroupItemAttributes | 'children' | 'onToggle'> { /** * Determines the content of the `TimelineGroupItem`. * * __Supported Node Type/s:__ `Array<ITimelineItem>` */ children?: ReactNode | ReactNode[]; /** * Fired when the group item is expanded or collapsed. * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|✅| */ onToggle?: (event: Ui5CustomEvent<TimelineGroupItemDomRef>) => void; } /** * An entry posted on the timeline. * It is intented to represent a group of `<TimelineItem>`s. * * **Note**: Please do not use empty groups in order to preserve the intended design. * * __Note:__ This is a UI5 Web Component! [TimelineGroupItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/TimelineGroupItem) | [Repository](https://github.com/UI5/webcomponents) * * @since [2.1.0](https://github.com/UI5/webcomponents/releases/tag/v2.1.0) of __@ui5/webcomponents-fiori__. */ declare const TimelineGroupItem: import("react").ForwardRefExoticComponent<TimelineGroupItemPropTypes & import("@ui5/webcomponents-react-base").WithWebComponentPropTypes & import("react").RefAttributes<TimelineGroupItemDomRef>>; export { TimelineGroupItem }; export type { TimelineGroupItemDomRef, TimelineGroupItemPropTypes };