For

Laminar Bindings for MDUI Web Components

English

• MDUI : A Material Design 3 (Material You) library of Web Components.
• Laminar : A Native Scala.js UI library
• Dependencies Version
  • Scala 3.4.2
  • ScalaJs 1.16.0
  • Laminar 17.0.0

这是一个MDUI到Laminar的绑定，MDUI是一个不错的UI库, 基于web components，不依赖任何框架。 非常适合作为一个通用组件库使用。

这个项目包含两个模块

• 跟目录src下的代码生成器，jvm的代码生成器，这里大部分代码来自laminar-shoelace-components的Generator
• mdui下的scalajs，用于发布的scalajs项目，自动生成的绑定将会被放入这个工程，便于发布

做了哪些工作

• 移除了原先为shoelaces定义的大部分规则，去掉部分的硬代码。
• 尽量采用custom-elements.json中的逻辑进行自动生成
• 对支持的类型进行了调整,枚举属性的支持得到了很好的支持
• 增加了@mdui/icon的单独编译处理,可以像使用Laminar的标签一样使用

生成的代码并没有进行完全的测试，可能存在部分属性不完全， 完全是基于mdui的custom-elements.json生成的。但是效果很棒, 源码的质量很高

如何使用

sbt :

libraryDependencies += "io.github.elgca" %%% "laminar-mdui" % "0.2.0"

编译

npm install
sbt run

使用

import elgca.laminar.components.mdui

mdui.Button(
    _.variant.elevated,
    "This is Button"
)

//使用Icon

mdui.Button(
    _.slots.icon(
        mdui.Icon(_.name := "360")
    )
)

//Or

mdui.Button(
  _.slots.icon(
    mdui.icon.Icon10mp()
  )
)

License

This project is provided under the MIT license.