#repanel

####A configurable Redux panel framework inspired by blender.org

##How to use it

npm install --save repanel

Where you combine your Redux reducers bring in the repanel Reducer

import { repanelReducer } from 'repanel'

const rootReducer = combineReducers({
    repanel: repanelReducer,
    ...
})

Where you define your default page layouts...

import { Repanel, Container, Panel } from 'repanel'
...
 render() {
    return(
    <Repanel tools={[
        <myAweseomeComponent1 name={"DropdownName"} yourProp1={"yourValue"} />,
        <myOtherCoolComponent name={"DropdownName at index 1"} {...YourBrops} />
    ]}>
        <Container flow="HORIZONTAL">
            <Panel width="25%" toolIndex={0}/>
            <Panel toolIndex={1}/>
            <Panel>
                <Container>
                    <Panel height="100px" toolIndex={1}/>
                    <Panel toolIndex={0}/>
                </Container>
            </Panel>
        </Container>
    </Repanel>
    )
 }

##Local Dev Setup

cd repanel/module

npm install

npm run build

npm link

then...

cd repanel/demos

npm install

npm link repanel

npm start

Now go look at localhost:7765 (RPNL)

Also install the Redux dev tools in chrome if you haven't already