Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@antv/x6-react-shape

1.0.3 • Public • Published

@antv/x6-react-shape

x6 shape for rendering react components

Installation

# npm 
$ npm install @antv/x6-react-shape --save
 
# yarn 
$ yarn add @antv/x6-react-shape

Usage

import { Graph } from '@antv/x6'
import '@antv/x6-react-shape'
 
// render
graph.addNode({
  shape: 'react-shape',
  x: 32,
  y: 48,
  width: 180,
  height: 40,
  component: (
    <div
      style={{
        color: '#fff',
        width: '100%',
        height: '100%',
        background: '#597ef7',
        textAlign: 'center',
        lineHeight: '40px',
      }}
    >
      This is a react element
    </div>
  ),
})

Install

npm i @antv/x6-react-shape

DownloadsWeekly Downloads

371

Version

1.0.3

License

MIT

Unpacked Size

76.6 kB

Total Files

47

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar