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