kinoplan / scalajs-react-material-ui

Scala.js wrapper of http://material-ui.com for use with https://github.com/japgolly/scalajs-react

scalajs-react-material-ui

scalajs-react facade for @material-ui/core, @material-ui/icons, @material-ui/lab

Usage

The scalajs-react-material-ui libraries is currently available for Scala.js 1.8.0+ and Scala 2.13.x.

1. Add libraryDependencies to your scalajs-react project:

   libraryDependencies ++= Seq(
     "io.kinoplan" %%% "scalajs-react-material-ui-core"  % ${version},
     "io.kinoplan" %%% "scalajs-react-material-ui-icons" % ${version},
     "io.kinoplan" %%% "scalajs-react-material-ui-lab"   % ${version}
   )

2. Add npmDependencies using scalajs-bundler:

   npmDependencies in Compile ++= Seq(
     "@material-ui/core"  -> "3.9.4",
     "@material-ui/icons" -> "3.0.2",
     "@material-ui/lab"   -> "3.0.0-alpha.30"
   )

Demo

See the demo project.

The project has almost all the examples in the js Component Demos written in Scala!

In the demo you can also find very detailed examples of using a bunch of:

• scala.js
• scalajs-dom
• scalajs-react
• scalacss
• scalajs-react-material-ui
• scalablytyped

Start:¹

1. sbt dev
2. Open in browser localhost:8080

Contributing

See CONTRIBUTING.md for more details about how to contribute.

License

This project is licensed under the terms of the Apache License, Version 2.0.

Footnotes

1. (See CONTRIBUTING.md for installing the necessary tools to run) ↩

scalajs-react-material-ui's Issues

Upgrade to material ui 5

Is there any plan?

Plans to upgrade material-ui

Are there any plans to upgrade to a newer version of material-ui? Are there specific hurdles, or is this something that can even I as a newcomer can contribute to the project?

Get 'Ref' of a ReactBridgeComponent

Hi There,

Is it possible to get Ref of ReactBridgeComponent? Just we can use withRef with any other component?

Regards,

Syed

CSS style tag precedence.

I am attempting to apply css transitions to a material-ui AppBar that affect its width, however, it seems that the style for AppBar is being registered after my own CSS styles causing the width attribute to not change.

I managed to fix this behavior by marking the styles as important, but is there a way to make sure that the material-ui styles are registered before my own styles?

MuiBox is not present

I am trying to get my existing code base to be more responsive and MuiBox could be one of essential component. Wondering why it is missed till now and are there any plans to add it ?