Version:

Install ​

shell
npm i @mate-vue/toolbar

Import ​

vue
<script setup>
import { MateToolbar } from '@mate-vue/toolbar';
</script>

Variants ​

Section toolbar ​

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

Grid toolbar ​

vue
<template>
  <MateToolbar title-text="Grid title" forGrid="gridId" statusMessage="Grid status">
    <MateButton>Button</MateButton>
  </MateToolbar>
</template>

Grid toolbar error ​

vue
<template>
  <MateToolbar title-text="Grid title" forGrid="gridId" statusMessage="Grid error" theme="error">
    <MateButton>Button</MateButton>
  </MateToolbar>
</template>