Tutorial

Usage

This library is currently available for Scala binary versions 2.13 and 3.1.

import com.raquo.laminar.api.L.*
import org.scalajs.dom

val appContainer = dom.document.getElementById(node.id)
node.setAttribute("style", s"width:50vmin;height:200px")
renderOnDomContentLoaded(appContainer, myApp())

object myApp:
  def apply(): Div = {
    div(
      div(
        "hello",
        cls := "text-blue-700"
      ),
      div(
        button(
          cls := "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-slate-800 text-white hover:bg-slate-800/90 h-10 px-4 py-2",
          "Button"
        ),
      ),
      button(
        onClick --> { _ => dom.console.log("Hello")},
        "Increment"
      )
    )
  }