a off viewpoint layout
npm install off-viewpoint-layout1. add reducer to reducers/index.js
``jsx
import {MenuReducer} from 'off-viewpoint-layout';
...
const rootReducer = combineReducers({
menu: MenuReducer,
...
});
`
2. add action creator to a component
3. add toggleMenu action to onClick event
4. add className="side-menu" to menu
jsx
import React, {Component} from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import {OffViewpointLayout, RightSideMenu, toggleMenu} from 'off-viewpoint-layout';class SampleComponent extends Component {
render() {
return (
this.props.toggleMenu()}>MAIN AREA
- menu item 1
- menu item 2
- menu item 3
- menu item 4
);
}
}
function mapStateToProps(state) {
return {};
}function mapDispatchToProps(dispatch) {
return bindActionCreators({
toggleMenu
}, dispatch);
}
export default connect(mapStateToProps, mapDispatchToProps)(SampleComponent);
``