Merge pull request #71 from cquiroz/toast

Add facade for react-semantic-toasts

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## 0.2.1
 
 * Upgrade to react-semantic-ui 0.87.3
+* Support react-semantic-toasts
 * Added Rail component
 
 ## 0.2.0

build.sbt

@@ -2,6 +2,7 @@ val reactJS      = "16.7.0"
 val scalaJsReact = "1.4.2"
 val SUI          = "2.4.1"
 val reactSUI     = "0.87.3"
+val Toasts       = "0.6.5"
 
 parallelExecution in (ThisBuild, Test) := false
 
@@ -98,7 +99,8 @@ lazy val demo =
       npmDependencies in Compile ++= Seq(
         "react" -> reactJS,
         "react-dom" -> reactJS,
-        "semantic-ui-less" -> SUI
+        "semantic-ui-less" -> SUI,
+        "react-semantic-toasts" -> Toasts
       ),
       // don't publish the demo
       publish := {},
@@ -126,6 +128,7 @@ lazy val facade =
         "react" -> reactJS,
         "react-dom" -> reactJS,
         "semantic-ui-react" -> reactSUI,
+        "react-semantic-toasts" -> Toasts,
         "create-react-context" -> "0.2.2"
       ),
       libraryDependencies ++= Seq(

demo/src/main/resources/dev.js

@@ -1,5 +1,6 @@
 import "./theme/semantic.less";
 import "./less/style.less";
+import "react-semantic-toasts/styles/react-semantic-alert.css";
 
 import App from "sjs/demo-fastopt.js";
 import React from "react";

demo/src/main/scala/react/semanticui/demo/HomeComponent.scala

@@ -2,6 +2,8 @@ package react.semanticui.demo
 
 import japgolly.scalajs.react._
 import japgolly.scalajs.react.vdom.html_<^._
+import react.semanticui.toasts._
+import react.semanticui.elements.button.Button
 
 object HomeComponent {
   private val component =
@@ -31,7 +33,11 @@ object HomeComponent {
                 "Semantic React UI"
               )
             )
-          )
+          ),
+          Button(onClick = toastCB(ToastOptions("Greetings"), onClose = Callback.log("here")))(
+            "Toast"
+          ),
+          SemanticToastContainer()
         )
       }
       .build