Files
react-gantt/demos/cases/GanttFullscreen.jsx
Marta Kowalska 80ca059fb8 v2.3.1
2025-10-22 08:13:59 +00:00

26 lines
665 B
JavaScript

import { useMemo } from 'react';
import { getData } from '../data';
import { Gantt, Fullscreen } from '../../src/';
import './GanttFullscreen.css';
function GanttFullscreen({ skinSettings }) {
const data = useMemo(() => getData(), []);
return (
<div className="wx-0qqHrQ85 demo">
<h4>Click the "expand" icon, or click on Gantt and press Ctrl+Shift+F</h4>
<div className="wx-0qqHrQ85 gtcell">
<Fullscreen hotkey="ctrl+shift+f">
<Gantt
{...skinSettings}
tasks={data.tasks}
links={data.links}
/>
</Fullscreen>
</div>
</div>
);
}
export default GanttFullscreen;