@antv/x6-react-shape NPM | npm.io

2.2.3 • Published 3 months ago

Install

Weekly downloads

247

License

MIT

Repository

Last release

3 months ago

@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>
  ),
})

shape react render x6 antv

scrm-admin @formlogic/editor @infinitebrahmanuniverse/nolb-_antv @everything-registry/sub-chunk-71 ronds-metadata react-x6-editor scene-config strategy-panel strategy-canvas-panel fl-flow-tab lcla-materials luowei-pdmaner lot_scada linkmore-flow link-x6 lmbc-design one-graph-test onegraph npmexam20 topology-designable @gui-one/material @gui-one/website @devmaze/graph-x6-designer @ichooss/xflow @iicoding/ui xflow-vue-next x6_scada x6-ceshi @cainiaofe/sutee-flow @byte-web-base/byte-db-docs coolcare-lite-scada coolcare-lite-scada-component tixwork-ui @monako/flow-graph-editor @lingxiteam/editor @lcpcode/logic-layout @oasis-editor/pages @lxqnpm/mdm @renzp/x6-react-components @rxdrag/minions-controller-editor @rxdrag/minions-logicflow-editor @toy-box/flow-builder @toy-box/flow-designer @trionesdev/designable-flow @toy-box/meta-er @tommy2gis/x6-app-dag @vh-admin/pro-flow-designer @vision-engine/blue-print @fast-snail/flowdesigner @zgfe/modules-cdp @zgfe/modules-journey @zgfe/modules-xcxvisual @zhenyudu/designable-flow @alilc/lce-graph-x6-designer @serverless-cd/mse-arc-ui @xptshgo/xflow @xrhcc-flow/busiflow @stepflow/editor @agentlab/ldkg-ui-diags @0fan/designable-flow @antv/xflow antd-cosmosource-ui @ant-design/flowchart @arvinxu/mindflow

3 months ago

6 months ago

12 months ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago