kad-component-column

KAD Dashboard column UI component

Install

npm install --save kad-component-column

Usage

import React from 'react'
import {render} from 'react-dom'
import './index.css'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import generateColumns from './generateTree'
import Column, {reducer} from '@bemarketing/kad-component-column'

const columns = {
        0: {
            id: 0,
            title: "Column A",
            isCollapsed: false,
            counter: 0,
            childrenIds: [2, 3],
            editMode: false
        },
        1: {
            id: 1,
            title: "Column B",
            isCollapsed: false,
            counter: 0,
            childrenIds: [],
            editMode: false
        },
        2: {
            id: 2,
            title: "Column A-A",
            isCollapsed: false,
            counter: 0,
            childrenIds: [4],
            editMode: false
        },
        3: {
            id: 3,
            title: "Column A-B",
            isCollapsed: false,
            counter: 0,
            childrenIds: [],
            editMode: false
        },
        4: {
            id: 4,
            title: "Column C",
            isCollapsed: false,
            counter: 0,
            childrenIds: [],
            editMode: false
        },


    }
}


const store = createStore(reducer, columns)
store.subscribe(() => {
    //console.log(store.getState())
});

render(<Provider store={store}>
    <Column id={0} />
  </Provider> , document.getElementById('root'))

License

MIT © mpowerdevv