Question

我正在尝试使用elm-mdl属性设置elm-css组件的样式：

Button.render Mdl
  [ 5 ]
  model.mdl
  [ Button.colored
  , Button.raised
  , Button.ripple
  , marginRight (px 20)
  ]
  [ text "Register" |> toUnstyled ]
  |> fromUnstyled

但是marginRight (px 20)行会产生错误，因为Button期望Button.Property m而marginRight (px 20)是Style。

是否有任何函数调用序列可以转换由elm-css创建的CSS样式，以便elm-mdl可以使用它？

目前，我正在使用Material.Options.css "margin-right" "20px"，但我们更倾向于使用elm-css来确保类型安全。

Answer 1

根据elm-css套餐的作者Richard Feldman所说，这是不可能的：https://github.com/rtfeldman/elm-css/issues/336

Answer 2

您可以使用以下内容：

toMdlCss : Attribute a -> Material.Options.Property c a
toMdlCss a =
    Material.Options.attribute a

然后：toMdlCss <| style [( "padding", "10px" )]

使用elm-css和elm-mdl

2 个答案: