@antv/x6-react-components

React components for building x6 editors

Usage no npm install needed!

<script type="module">
  import antvX6ReactComponents from 'https://cdn.skypack.dev/@antv/x6-react-components';
</script>

README

x6-react-components

React components for building x6 editors

MIT License Language

NPM Package NPM Downloads NPM Dependencies

Components

  • Menu
  • Dropdown
  • ContextMenu
  • Menubar
  • Toolbar
  • SplitBox
  • ScrollBox
  • AutoScrollBox
  • ColorPicker

Installation

# npm
$ npm install @antv/x6-react-components --save

# yarn
$ yarn add @antv/x6-react-components

Usage

Import component and style:

import { Menu } from '@antv/x6-react-components/es/menu'
// less
import '@antv/x6-react-components/es/menu/style'
// or css
import '@antv/x6-react-components/es/menu/style/index.css'

We strongly recommend using babel-plugin-import, which can convert the following code to the '@antv/x6-react-components/es/xxx' way:

import { Menu } from '@antv/x6-react-components'

And this plugin will also load corresponding styles too. Via .babelrc or babel-loader:

{
  "plugins": [
    [
      "import",
      {
        "libraryName": "@antv/x6-react-components",
        "libraryDirectory": "es", // es or lib
        "style": true,
        "transformToDefaultImport": true
      }
    ]
  ]
}

Contributing

Pull requests and stars are highly welcome.

For bugs and feature requests, please create an issue.