UNPKG

@ui5/webcomponents-react

Version:

React Wrapper for UI5 Web Components and additional components

33 lines (32 loc) 1.32 kB
'use client'; import '@ui5/webcomponents/dist/TableGrowing.js'; import { withWebComponent } from '../../internal/withWebComponent.js'; /** * The `TableGrowing` component is used inside the `Table` to add a growing/data loading functionalities * to the table. * * The component offers two options: * * Button - a More button is displayed, clicking it will load more data. * * Scroll - additional data is loaded automatically when the user scrolls to the end of the table. * * ### Usage * * The `TableGrowing` component is only used inside the `Table` component as a feature. * It has to be slotted inside the `Table` in the `features` slot. * The component is not intended to be used as a standalone component. * * ```html * <Table> * <TableGrowing type="Button" growing-text="More" slot="features"></TableGrowing> * </Table> * ``` * * * * __Note__: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/) * * @since [2.0.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.0.0) of __@ui5/webcomponents__. */ const TableGrowing = withWebComponent('ui5-table-growing', ['growingSubText', 'growingText', 'type'], [], [], ['load-more']); TableGrowing.displayName = 'TableGrowing'; export { TableGrowing };