ToggleView Example:

```jsx

const imgToggleOptions = [
    { srcActive: '../src/lib/style/img/jp-grid-active.svg', srcInactive: '../src/lib/style/img/jp-grid.svg', alt: 'Grid', isActive: false },
    { srcActive:  '../src/lib/style/img/jp-list-active.svg', srcInactive:  '../src/lib/style/img/jp-list.svg', alt: 'List', isActive: true },
    { srcActive:'../src/lib/style/img/jp-map-active.svg' , srcInactive: '../src/lib/style/img/jp-map.svg', alt: 'map ', isActive: false }
];


class ToggleViewExample extends React.Component {
    constructor(){
        super()
        this.state={
    currentToggleView:null
    };

    this.onToggleViewChange=this.onToggleViewChange.bind(this)
    }

    onToggleViewChange  (e)  {
        imgToggleOptions.forEach((ele, index) => {
            if (e === index) {
                ele.isActive = true;
                this.setState({
                    currentToggleView: ele
                });
            } else {
                ele.isActive = false;
            }
        });
    }

  onImgKeyDown(key, event) {
         imgToggleOptions.forEach((ele, index) => {
            if (key === index && event.keyCode === 13) {
                ele.isActive = true;
                this.setState({
                    currentToggleView: ele
                });
            } else {
                ele.isActive = false;
            }
        });
    }
        render(){
                return(

                    <ToggleView
                        imgToggleOptions={imgToggleOptions}
                        imgWidth={25}
                        imgHeight={25}
                        currentToggleView={this.state.currentToggleView}
                        onClick={this.onToggleViewChange.bind(this)}
                        onImgKeyDown={this.onImgKeyDown.bind(this)}
                    />
                    );
                 }
            };
            <ToggleViewExample/>
```