the-flow v1.0.9

the-flow

GUI Flow

Installation

$ npm install the-flow --save

Usage

'use strict'

import React from 'react'
import { TheFlow, TheFlowStyle } from 'the-flow'

class ExampleComponent extends React.Component {
  render () {
    return (
      <div>
        <TheFlowStyle/>
        <TheFlow blocks={[
          {id: 1, content: <span>This is a root</span>},
          {id: 2, parent: 1, index: 0, content: <span>This is child 01</span>},
          {id: 3, parent: 2, index: 0, content: <span>This is child01-01</span>},
          {id: 4, parent: 2, index: 1, content: <span>This is child01-02</span>},
          {
            id: 5, parent: 4, index: 0, content: (
              <TheFlow blocks={[
                {id: 1, content: <span>This is inner root</span>},
                {id: 2, parent: 1, index: 0, content: <span>Inner flow01</span>},
                {id: 3, parent: 2, index: 0, content: <span>Inner flow01-01</span>},
                {id: 4, parent: 2, index: 1, content: <span>Inner flow01-02</span>},
              ]}/>
            )
          },
        ]}/>
      </div>

    )
  }
}

export default ExampleComponent

Components

TheFlow

GUI Flow

Props

TheFlowStyle

Style for TheFlow

Props

License

This software is released under the MIT License.

Links

• THE Labo