@riot-material/rm-menu

menu component based on Material Design for riot-material

Installation

You can install it via nodejs

npm install @riot-material/rm-menu

or download one of the bundled file

/**
 * `dist/index.amd.js`
 * `dist/index.amd+libs.js`
 * `dist/index.umd.js`
 * `dist/index.umd+libs.js`
 */
requirejs.config({
  paths: {
      "@riot-material/rm-menu": "path/to/@riot-material/rm-menu",
   },
});

require(['@riot-material/rm-menu'], function (MenuComponent) {
    // ...
});

/**
 * `dist/index.js`
 * `dist/index.es.js`
 * npm installation
 */
import MenuComponent from "@riot-material/rm-menu";

otherwise you can include the script in your project html

<script src="@riot-material/rm-menu/index.umd.js" />
<!-- or -->
<script src="@riot-material/rm-menu/index.umd+libs.js" />

and access it via

window.riotMaterial.components.menu;

Note: all the bundled file having +libs contain also the dependencies needed by the component, which, in this case, are:
@riot-material/elevation
@riot-material/focus-manager
@riot-material/ripple
Be sure to have them when installing manually or including via html

Properties

keep-highlight

opened

prevent-auto-close

prevent-focus

selected

variant