English (US) | įŽäŊä¸æ
React component for building interactive diagrams
# npm
$ npm install @antv/xflow --save
# yarn
$ yarn add @antv/xflow
# pnpm
$ pnpm add @antv/xflow
const Page = () => {
return (
<XFlow>
<XFlowGraph
zoomable
pannable
centerView
fitView
connectionEdgeOptions={{
attrs: {
line: {
stroke: '#8f8f8f',
strokeWidth: 1,
},
},
}}
/>
<Grid type="mesh" options={{ color: '#ccc', thickness: 1 }} />
<Clipboard />
<History />
<Snapline sharp />
<Transform resizing rotating />
</XFlow>
);
};
The documentation for XFlow 2.0 is still being developed urgently, so if you want to know how to use it, you can refer to the code examples.
$ pnpm bootstrap
$ pnpm dev
To become a contributor, please follow our contributing guide. If you are an active contributor, you can apply to be a outside collaborator.
The scripts and documentation in this project are released under the MIT License.