# Toolbar

![Toolbars](https://dev.maurice-conrad.eu/img/photon/toolbar1.png)

## Toolbar Header

```html
<tool-bar type="header">
  ...
  <!--Title-->
  <h1 class="title">Toolbar Header</h1>
  ...
</tool-bar>
```

### Toolbar Actions

```html
<tool-bar type="header">
  ...
  <div class="toolbar-actions">
    <!--Toolbar actions here-->
  </div>
  ...
</tool-bar>
```

## Toolbar Footer

```html
<tool-bar type="footer">
  ...
  <!--Title-->
  <h1 class="title">Toolbar Footer</h1>
  ...
</tool-bar>
```