https://github.com/elgca/laminar-mdui-components

Laminar Bindings for MDUI Web Components
https://github.com/elgca/laminar-mdui-components

laminar mdui scala-facades scalajs web-components

Last synced: 2 months ago
JSON representation

Laminar Bindings for MDUI Web Components

• Host: GitHub
• URL: https://github.com/elgca/laminar-mdui-components
• Owner: elgca
• Created: 2024-06-21T12:30:43.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-06-22T13:16:24.000Z (6 months ago)
• Last Synced: 2024-10-01T02:41:21.910Z (3 months ago)
• Topics: laminar, mdui, scala-facades, scalajs, web-components
• Language: Scala
• Homepage:
• Size: 1.1 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

    

  

 For 

  

    

  



Laminar Bindings for MDUI Web Components


[English](/README_EN.md)

- [MDUI](https://www.mdui.org/en/docs/2/) :  A Material Design 3 (Material You) library of Web Components.

- [Laminar](https://laminar.dev/) :  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](https://github.com/raquo/laminar-shoelace-components)的Generator

- mdui下的scalajs，用于发布的scalajs项目，自动生成的绑定将会被放入这个工程，便于发布

# 做了哪些工作

- 移除了原先为shoelaces定义的大部分规则，去掉部分的硬代码。

- 尽量采用custom-elements.json中的逻辑进行自动生成

- 对支持的类型进行了调整,枚举属性的支持得到了很好的支持

- 增加了@mdui/icon的单独编译处理,可以像使用Laminar的标签一样使用

生成的代码并没有进行完全的测试，可能存在部分属性不完全，

完全是基于mdui的custom-elements.json生成的。但是效果很棒, 源码的质量很高

# 如何使用

sbt :

```scala

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

```

编译

```shell

npm install

sbt run

```

使用

```scala

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.