@atlaskit/table-tree
Version:
A table tree is an expandable table for showing nested hierarchies of information.
33 lines (32 loc) • 1.02 kB
TypeScript
import React, { type ReactElement } from 'react';
import { type RowProps } from './row';
type Content = {
title: string;
description: string;
};
export interface RowsProps<Item> {
/**
* The data used to render the set of rows. Will be passed down via the `children` render prop.
*
* In addition to these props, any other data can be added to the object, and it will
* be provided as props when rendering each cell.
*/
items?: Item[];
/**
* Render function for child rows. Render props will contain an item from the
* `items` prop above.
*/
render: (args: Item & {
children?: Item[];
content?: Content;
}) => ReactElement<RowProps<Item>> | null;
/**
* This is an accessible name for the loading state's spinner.
* The default text is "Loading".
*/
loadingLabel?: string;
}
declare function Rows<T extends {
id: string;
}>({ items, render, loadingLabel, }: RowsProps<T>): React.JSX.Element;
export default Rows;