Version:

Install ​

shell
npm i @mate-react/toolbar

Import ​

tsx
import { MateToolbar } from '@mate-react/toolbar';
import { MateButton } from '@mate-react/button';

Variants ​

Section Toolbar ​

tsx
<MateToolbar titleText="Section title" theme="section">
  <MateButton>Button</MateButton>
</MateToolbar>

Grid Toolbar ​

tsx
<MateToolbar titleText="Grid title" forGrid="gridId" statusMessage="Grid status">
  <MateButton>Button</MateButton>
</MateToolbar>

Grid Toolbar Error ​

tsx
<MateToolbar titleText="Grid title" forGrid="gridId" statusMessage="Grid error" theme="error">
  <MateButton>Button</MateButton>
</MateToolbar>