Use Material Design Lite components from React in Scala.js!
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples/src/main/scala/com/payalabs/scalajs/react/mdl
project
src
.gitignore
.travis.yml
.travisdeploykey.enc
LICENSE
README.md
build.sbt
deploy.sh

README.md

scalajs-react-mdl

An easy way to use JavaScript dependent MDL components with Scala.js React.

Getting started

  1. Clone this repository
  2. Publish to the local sbt repository
$ sbt publishLocal
  1. Add the following dependency to your scalajs-react project
libraryDependencies += "com.payalabs" %%% "scalajs-react-mdl" % "0.2.0-SNAPSHOT"

Using an MDL component

Write the normal ReactTag for whichever MDL component you would like to use and call .material at the end:

import com.payalabs.scalajs.react.mdl.MaterialAble

div(className := "mdl-button mdl-js-button mdl-button--fab mdl-button--colored")(
  i(className := "material-icons")("add")
).material

The material method returns a ReactComponent that will automatically upgrade the element (adding event listeners, ripples, etc.) once it is in the DOM.