@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
46 lines (45 loc) • 2.29 kB
TypeScript
import '@ui5/webcomponents/dist/TableCell.js';
import type TableCellHorizontalAlign from '@ui5/webcomponents/dist/types/TableCellHorizontalAlign.js';
import type { CommonProps, Ui5DomRef } from '@ui5/webcomponents-react-base';
import type { ReactNode } from 'react';
interface TableCellAttributes {
/**
* Determines the horizontal alignment of table cells.
* @default undefined
*/
horizontalAlign?: TableCellHorizontalAlign | undefined | keyof typeof TableCellHorizontalAlign;
/**
* Defines whether the cell is visually merged with the cell directly above it.
*
* This is useful if consecutive cells in a column have the same value and should visually appear as a single merged cell.
* Although the cell is visually merged with the previous one, its content must still be provided for accessibility purposes.
* **Note:** This feature is disabled when cells are rendered as a popin, and should remain `false` for interactive cell content.
*
* **Note:** Available since [v2.21.0](https://github.com/UI5/webcomponents/releases/tag/v2.21.0) of **@ui5/webcomponents**.
* @default false
*/
merged?: boolean;
}
interface TableCellDomRef extends Required<TableCellAttributes>, Ui5DomRef {
}
interface TableCellPropTypes extends TableCellAttributes, Omit<CommonProps, keyof TableCellAttributes | 'children'> {
/**
* Defines the content of the component.
*
* __Supported Node Type/s:__ `Array<Node>`
*/
children?: ReactNode | ReactNode[];
}
/**
* The `TableCell` represents a cell inside of a `Table`.
* It is tightly coupled to the `Table` and thus should only be used in the table component.
*
*
*
* __Note:__ This is a UI5 Web Component! [TableCell UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/TableCell) | [Repository](https://github.com/UI5/webcomponents)
*
* @since [2.0.0](https://github.com/UI5/webcomponents/releases/tag/v2.0.0) of __@ui5/webcomponents__.
*/
declare const TableCell: import("react").ForwardRefExoticComponent<TableCellPropTypes & import("@ui5/webcomponents-react-base").WithWebComponentPropTypes & import("react").RefAttributes<TableCellDomRef>>;
export { TableCell };
export type { TableCellDomRef, TableCellPropTypes };