HISTORY:

- 2017-03-09, MG, Inicijalni dokument

# Actionbar component

Smisao Actionbara je egzekucija akcija (naredbi). 
Akcije mogu biti pathovi, funkcije ili vrlo rijetko eksterni linkovi.
Action bar ima *primarne* i *sekundarne* akcije. 
Primarne akcije su dohvatljive na jedan klik. Sekundarne akcije se nalaze u drop-down menu-iju.

[Actionbar in action](https://bitbucket.org/sedmiodjel/espa-ui/downloads/Actionbar.png)



## Props proposal

    primaryActions: array | optional 
        label: string | required
        onClick: ( string | function) | optional

    secondaryActions: array | optional 
        label: string | required
        onClick: ( string | function) | optional
    
    title: string | optional | "Actions"


`onClick` prima kao argument kliknuti action item. 
Zašto: Na taj način implementator može implementirati jedan onClick handler za sve 
iteme i na osnovu argumenta raditi switch. 
Vidi [concept](http://codepen.io/gimei/pen/BWWgey?editors=0010).


## Primjer

```javascript
let actions = {
  primary: [
    {label: 'Create', onClick: '/users/new'},
    {label: 'Import', onClick: importUsers}
  ],
  secondary: [
    {label: 'Export', onClick: exportUsers},
    {label: 'Print', onClick: printUsers},
  ]
  title: 'Actions',
}

<Actionbar 
  primaryActions={actions.primary} 
  secondaryActions={actions.secondary} 
  title="Actions" />
```