@antv/x6-components NPM

x6-components

React components for building x6 editors

Components

Menu
Dropdown
ContextMenu
Menubar
Toolbar
SplitBox
ScrollBox
AutoScrollBox
ColorPicker

Installation

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

# yarn
$ yarn add @antv/x6-components

Usage

Import component and style:

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

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

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

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

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