@logo-elements/menu-bar

A web component for creating a horizontal button bar with hierarchical drop-down menus.

<logo-elements-menu-bar></logo-elements-menu-bar>

<script>
  document.querySelector('logo-elements-menu-bar').items = [
    { text: 'View' },
    { text: 'Edit' },
    {
      text: 'Move',
      children: [{ text: 'To folder' }, { text: 'To trash' }]
    },
    { text: 'Duplicate' }
  ];
</script>

Installation

Install the component:

npm i @logo-elements/menu-bar -s

Once installed, import the component in your application:

import '@logo-elements/menu-bar';

For more detailed information, please visit:

Logo Elements Documentation ↗