# 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>
```