cla-menu

Dropdown Menu - adds a dropdown menu anywhere you'd like on the page, links can be slotted inside the <cla-menu> tag (you can add this to the a card using the slot name "menu").

Usage

<cla-menu slot="menu">
  <a href="/test">James</a>
  <a href="/test">Simon</a>
  <a href="/test">Ivan</a>
  <a href="/test">Gili</a>
  <a href="/test">Chris</a>
</cla-menu>

Properties

Property Attribute Description Type Default
closeOnSelect close-on-select If 'true' the menu will close when an item is selected boolean false

Events

Event Description Type
toggleEvent Emitted when the menu is toggled. CustomEvent<any>

Slots

Slot Description
Allows menu items to be added to the dropdown menu.

Built with StencilJS

UI Components