@assecosolutions/fox-menu

🦊 Fox - Future Open Experience

This webcomponent is made by 🦊🧙.

Installation

npm i @assecosolutions/fox-menu

Usage

<script type="module">
  import '@assecosolutions/fox-menu';
  import '@assecosolutions/fox-list';
</script>
<div style="position: relative;">
  <fox-button id="button" raised label="Open Menu"></fox-button>
  <fox-menu id="menu">
    <fox-list-item>Item 0</fox-list-item>
    <fox-list-item>Item 1</fox-list-item>
    <fox-list-item>Item 2</fox-list-item>
    <fox-list-item>Item 3</fox-list-item>
  </fox-menu>
</div>

<script type="module">
  // anchor must share a parent with menu that is `position: relative`
  menu.anchor = button;

  button.addEventListener('click', function (e) {
    menu.open = true;
    // alternatively you can use menu.show();
  });
</script>

Docs

This component is wrapped around fox-menu
Official documentation
Demo

Further Reading

Please, also check the documentations about the API and our client

Contribute

If you would like to contribute please make sure that you have read our development guidelines.

Maintainer

Burak Topal (@biggisb)	Jari Möllenbernd (@jarmee)	Julia Nissen (@JuliaNssn)