Version:

Install ​

shell
npm i @mate/toolbar

Import ​

vue
<script setup>
import '@mate/toolbar';
</script>

Variants ​

Section toolbar ​

vue
<template>
  <mate-toolbar title-text="Section title" theme="section">
    <MateButton>Button</MateButton>
  </mate-toolbar>
</template>

Grid toolbar ​

vue
<template>
  <mate-toolbar title-text="Grid title" for-grid="gridId" status-message="Grid status">
    <vaadin-button>Button</vaadin-button>
  </mate-toolbar>
</template>

Grid toolbar error ​

vue
<template>
  <mate-toolbar title-text="Grid title" for-grid="gridId" status-message="Grid error" theme="error">
    <vaadin-button>Button</vaadin-button>
  </mate-toolbar>
</template>