@progress/kendo-react-grid
Version:
React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package
49 lines (48 loc) • 1.62 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { GridToolbarProps } from './interfaces/GridToolbarProps.js';
import * as React from 'react';
/**
* Represents the GridToolbar component.
*
* @remarks
* Supported children components are: {@link GridToolbarAIAssistant}, {@link GridToolbarCheckboxFilter}, {@link GridToolbarColumnsChooser},
* {@link GridToolbarFilter}, {@link GridToolbarGroup}, {@link GridToolbarSeparator}, {@link GridToolbarSort},
* {@link GridToolbarSpacer}, {@link GridSearchBox}, {@link GridPdfExportButton}.
*
* @example
* ```jsx
* const App = () => {
* const [data, setData] = useState([
* { Column1: 'A1', Column2: 'A2' },
* { Column1: 'B1', Column2: 'B2' },
* { Column1: 'C1', Column2: 'C2' }
* ]);
*
* const customClick = () => {
* alert('Custom handler in custom toolbar');
* };
*
* return (
* <Grid data={data}>
* <GridToolbar>
* <Button title="Click" onClick={customClick}>
* Click
* </Button>
* </GridToolbar>
* </Grid>
* );
* };
*
* export default App;
* ```
*/
export declare const GridToolbar: {
(props: GridToolbarProps): React.JSX.Element;
displayName: string;
};