@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
28 lines (27 loc) • 1.58 kB
TypeScript
import { Table as ChakraTable } from '@chakra-ui/react';
import * as React from 'react';
export declare const TableRoot: React.ForwardRefExoticComponent<ChakraTable.RootProps & React.RefAttributes<HTMLTableElement>>;
export declare const TableBody: React.ForwardRefExoticComponent<ChakraTable.BodyProps & React.RefAttributes<HTMLTableSectionElement>>;
export declare const TableHeader: React.ForwardRefExoticComponent<ChakraTable.HeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
export declare const TableRow: React.ForwardRefExoticComponent<ChakraTable.RowProps & React.RefAttributes<HTMLTableRowElement>>;
export interface TableCellProps extends ChakraTable.CellProps {
isNumeric?: boolean;
}
export declare const TableCell: (props: TableCellProps) => React.JSX.Element;
export interface TableColumnHeaderProps extends ChakraTable.ColumnHeaderProps {
isNumeric?: boolean;
}
export declare const TableColumnHeader: (props: TableColumnHeaderProps) => React.JSX.Element;
export interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
sortField: F;
sortValue: string;
onSortToggle: (sortField: F) => void;
disabled?: boolean;
indicatorPosition?: 'left' | 'right';
contentAfter?: React.ReactNode;
}
export declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => React.JSX.Element;
export interface TableHeaderProps extends ChakraTable.HeaderProps {
top?: number;
}
export declare const TableHeaderSticky: (props: TableHeaderProps) => React.JSX.Element;