React Gantt - toolbar
items[]
Selector: Item
The Gantt UI component allows you to add default and create custom toolbar items.
App.js
- import React from 'react';
- import 'devextreme/dist/css/dx.light.css';
- import 'devexpress-gantt/dist/dx-gantt.css';
- import Gantt, {
- // ...
- } from 'devextreme-react/gantt';
- const App = () => {
- const aboutButtonOptions = {
- text: 'About',
- icon: 'info',
- stylingMode: 'text',
- onClick: 'onItemClick'
- };
- const onItemClick = (e) => {
- // ...
- };
- return (
- <Gantt>
- <Toolbar>
- <Item name="undo" />
- <Item name="redo" />
- <Item name="separator" />
- <Item widget="dxButton" options={this.aboutButtonOptions} />
- </Toolbar>
- {/* ... */}
- </Gantt>
- );
- };
- export default App;
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.