Version:

Install ​

shell
npm i @mate-react/menu-bar

Import ​

tsx
import { MateMenuBar } from '@mate-react/menu-bar';

Variants ​

Default ​

tsx
<MateMenuBar items={[{text: 'File', children: [{text: 'New'}, {text: 'Open'}, {text: 'Save'}]}, {text: 'Edit'}]} />

With Icons ​

tsx
<MateMenuBar items={[{text: 'Neu', component: 'vaadin-menu-bar-item'}, {text: 'Löschen', disabled: true}]} />