@yamada-ui/native-table/dist/native-table.d.ts

Yamada UI native table component

import * as _yamada_ui_core from '@yamada-ui/core';
import { HTMLUIProps, ThemeProps, CSSUIProps, CSSUIObject } from '@yamada-ui/core';
import * as react from 'react';

interface TableStyleContext {
    [key: string]: CSSUIObject | undefined;
}
declare const TableStyleProvider: react.Provider<TableStyleContext>;
declare const useTableStyles: () => TableStyleContext;
interface NativeTableOptions {
    /**
     * If `true`, highlight the row when the table row is hovered.
     *
     * @default false
     */
    highlightOnHover?: boolean;
    /**
     * The CSS `table-layout` property.
     */
    layout?: CSSUIProps["tableLayout"];
    /**
     * If `true`, display the outer border of the table.
     *
     * @default false
     */
    withBorder?: boolean;
    /**
     * If `true`, display line on the columns of the table.
     *
     * @default false
     */
    withColumnBorders?: boolean;
}
interface NativeTableProps extends HTMLUIProps<"table">, ThemeProps<"NativeTable">, NativeTableOptions {
}
/**
 * `NativeTable` is a component for efficiently organizing and displaying data.
 *
 * @see Docs https://yamada-ui.com/components/data-display/native-table
 */
declare const NativeTable: _yamada_ui_core.Component<"table", NativeTableProps>;

export { NativeTable, type NativeTableProps, TableStyleProvider, useTableStyles };