<template>
  <section>
    <h2 class="title">Toolbar</h2>

    <md-toolbar class="md-extended">
      <div class="md-toolbar-container">
        <md-button class="md-icon-button">
          <md-icon>menu</md-icon>
        </md-button>

        <span style="flex: 1;"></span>

        <md-button class="md-icon-button">
          <md-icon>search</md-icon>
        </md-button>

        <md-button class="md-icon-button">
          <md-icon>filter_list</md-icon>
        </md-button>
      </div>

      <div class="md-toolbar-container">
        <h2 class="md-title">Vue Material</h2>
      </div>
    </md-toolbar>
  </section>
</template>
