dstack/docs/src/components/Flowchart.tsx at main · dstack-js/dstack · GitHub

This repository was archived by the owner on Nov 23, 2022. It is now read-only.

35 lines (32 loc) · 795 Bytes

import React from 'react';

import ReactFlow, { Controls, Background, BackgroundVariant, OnLoadFunc } from 'react-flow-renderer';

const onLoad: OnLoadFunc = (flow) => {

flow.fitView();

};

const Flowchart: React.FC<any> = ({ elements, style, ...props }) => (

<div

style={{

height: 425,

background: 'white',

borderRadius: '4px',

padding: '4px',

...style,

}}

<ReactFlow

elements={elements}

// @ts-ignore

grid={true}

nodesDraggable={false}

onLoad={onLoad}

nodesConnectable={false}

elementsSelectable={false}

{...props}

{/* <MiniMap /> */}

</ReactFlow>

</div>

);

export default Flowchart;

Expand file tree