@navikt/ds-react
Version:
React components from the Norwegian Labour and Welfare Administration.
95 lines (94 loc) • 2.8 kB
TypeScript
import React from "react";
import { DataTableCaption, type DataTableCaptionProps } from "../caption/DataTableCaption";
import { DataTableTbody, type DataTableTbodyProps } from "../tbody/DataTableTbody";
import { DataTableTd, type DataTableTdProps } from "../td/DataTableTd";
import { DataTableTh, type DataTableThProps } from "../th/DataTableTh";
import { DataTableThead, type DataTableTheadProps } from "../thead/DataTableThead";
import { DataTableTr, type DataTableTrProps } from "../tr/DataTableTr";
interface DataTableProps extends React.HTMLAttributes<HTMLTableElement> {
children: React.ReactNode;
}
interface DataTableRootComponent extends React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLDialogElement>> {
/**
* @see 🏷️ {@link DataTableCaptionProps}
* @example
* ```jsx
* <DataTable>
* <DataTable.Caption>
* Lorem ipsum
* </DataTable.Caption
* </DataTable>
* ```
*/
Caption: typeof DataTableCaption;
/**
* @see 🏷️ {@link DataTableTheadProps}
* @example
* ```jsx
* <DataTable>
* <DataTable.Thead>
* ... TODO
* </DataTable.Thead>
* </DataTable>
* ```
*/
Thead: typeof DataTableThead;
/**
* @see 🏷️ {@link DataTableTbodyProps}
* @example
* ```jsx
* <DataTable>
* <DataTable.Tbody>
* ... TODO
* </DataTable.Tbody>
* </DataTable>
* ```
*/
Tbody: typeof DataTableTbody;
/**
* @see 🏷️ {@link DataTableTrProps}
* @example
* ```jsx
* <DataTable>
* <DataTable.Tr>
* ... TODO
* </DataTable.Tr
* </DataTable>
* ```
*/
Tr: typeof DataTableTr;
/**
* @see 🏷️ {@link DataTableThProps}
* @example
* ```jsx
* <DataTable>
* <DataTable.Thead>
* <DataTable.Th>Header 1</DataTable.Th>
* <DataTable.Th>Header 2</DataTable.Th>
* </DataTable.Thead>
* </DataTable>
* ```
*/
Th: typeof DataTableTh;
/**
* @see 🏷️ {@link DataTableTdProps}
* @example
* ```jsx
* <DataTable>
* <DataTable.Tbody>
* <DataTable.Td>
* Lorem ipsum
* </DataTable.Td>
* <DataTable.Td>
* Dolor sit amet
* </DataTable.Td>
* </DataTable.Tbody>
* </DataTable>
* ```
*/
Td: typeof DataTableTd;
}
declare const DataTable: DataTableRootComponent;
export { DataTable, DataTableCaption, DataTableTbody, DataTableTd, DataTableTh, DataTableThead, DataTableTr, };
export default DataTable;
export type { DataTableProps, DataTableCaptionProps, DataTableTbodyProps, DataTableTdProps, DataTableThProps, DataTableTheadProps, DataTableTrProps, };