Package Exports

riot-material

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (riot-material) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

riot implementation of Material Design

Installation

npm install riot-material

Usage

index.js

import "riot-material"

// any code here

component.riot

<component>
    <rm-button onclick={ log }>Click me!</rm-button>

    <script>
        export default {
            log() {
                console.log("button clicked");
            }
        }
    </script>
</component>

More ui elements in the upcoming documentation. Here a list:

rm-app-bar
rm-bottom-sheet
rm-button
rm-checkbox
rm-dialog
rm-divider
rm-icon
rm-list-subheader
rm-menu-item
rm-menu
rm-radio
rm-ripple
rm-select
rm-tabbed-pages
rm-tabs
rm-textarea
rm-textfield-container
rm-textfield

There are also a couple of modules that can be used, such as:

app-bar-utils
background
elevation
motionController
pointerController
ripple
surfaces

Many of these are probably to be separated from this package, so stay tuned!

If you want to import any module separated, you should do like following, by now:

import { ... } from "riot-material/dist/cjs/<module>.js";