<div class="u-toolbar">
  <div class="u-toolbar-row">
    <div class="u-toolbar-start">
      <div class="u-toolbar-actions">
        <button class="u-icon-btn u-btn-default" type="button">
          <i class="u-btn-icon mdi mdi-menu"></i>
        </button>
      </div>
    </div>
    <div class="u-toolbar-center">
      <div class="u-toolbar-title">Title here</div>
    </div>
    <div class="u-toolbar-end">
      <div class="u-toolbar-actions">
        <button class="u-toolbar-action u-icon-btn u-btn-default" type="button">
          <i class="u-btn-icon mdi mdi-phone"></i>
        </button>
        <div class="u-toolbar-action u-dropdown">
          <button class="u-icon-btn u-btn-default u-dropdown-toggle" type="button">
            <i class="u-btn-icon mdi mdi-dots-vertical"></i>
          </button>
          <div class="u-dropdown-menu down-left">
            <div class="u-dropdown-content">
              <a class="u-dropdown-item text-nowrap" href="#">Item A</a>
              <a class="u-dropdown-item text-nowrap" href="#">Item B</a>
              <a class="u-dropdown-item text-nowrap" href="#">Item C</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>