GridToolbar

Represents the GridToolbar component.

A Functional Component.

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" className="k-button k-primary" onClick={customClick}>
                    Click
                </button>
            </GridToolbar>
        </Grid>
    );
};

export default App;

Name	Type	Default	Description
props	GridToolbarProps		The props of the GridToolbar component.