@riot-material/rm-floating-surface

floating surface component based on Material Design for riot-material

Installation

You can install it via nodejs

npm install @riot-material/rm-floating-surface

or download one of the bundled file

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

require(['@riot-material/rm-floating-surface'], function (FloatingSurfaceComponent) {
    // ...
});

/**
 * `dist/index.es.js`
 * npm installation
 */
import FloatingSurfaceComponent from "@riot-material/rm-floating-surface";

otherwise you can include the script in your project html

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

and access it via

window.riotMaterial.components.floatingSurface;

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

Properties

inherit-width optional

surface optional

variant optional

Slots

default