HISTORY:

- 2017-03-15, MG, Inicijalni dokument


# VerticalMenu

Smisao VerticalMenu komponente je jednostavno generiranje liste linkova u sidebaru ili
bilo gdje drugdje. VerticalMenu je array Menu komponenti od kojih svaka ima svoj title.

[Primjer1](https://bitbucket.org/sedmiodjel/espa-ui/downloads/VerticalMenu.png)
[Primjer2](https://bitbucket.org/sedmiodjel/espa-ui/downloads/VerticalMenu2.png)


## Props proposal

```
items = [
  title: (string|optional),
  icon: (element|optional)
  links: (array of link items)
]

one link item =  {
    label: string,
    path: string,
    disabled: boolean|false|optional,
    active: autocalculated (boolean)
  }
```

`active` prop bi trebao biti automatski određen na osnovu aktualnog patha 
(mislim da router već ima tako nešto).


### Primjer

```javascript
let items = [
  {
    title: 'Section One',
    links: [
      {label: 'Menu 11', path: '/some/path'},
      {label: 'Menu 12', path: '/another/path'},
    ]
  },
  {
    title: 'Section Two',
    links: [
      {label: 'Menu 21', path: '/next/path/one'},
      {label: 'Menu 22', path: '/next/path/two'},
    ]
  }  
]

// pseudo 
items.map(item => (
  <div>
    <Title>{item.title}</Title>
    <Menu>
      item.links.map(link => <Anchor ...>{link.label}</Anchor>)
    </Menu>
  </div>
))
```