Files
react-gantt/demos/cases/GanttFullscreen.jsx
Marta Kowalska bb81e7a336 v2.4.3
2025-12-22 20:22:30 +00:00

23 lines
657 B
JavaScript

import { useMemo } from 'react';
import { getData } from '../data';
import { Gantt } from '../../src/';
import { Fullscreen } from '@svar-ui/react-core';
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;