It’s unclear, to me, from your message why neither http://package.elm-lang.org/packages/elm-lang/html/1.1.0/Html-Attributes#property nor http://package.elm-lang.org/packages/elm-lang/html/1.1.0/Html-Attributes#attribute lets you do what you want.
2016-07-13 12:03 GMT+02:00 Diego Aviles <[email protected]>: > Hi there! > > I've been interested in the Elm Architecture for a while and I've been > given permisson from my team to work on a side project to test it out and > see if we can start to implement Elm step by step. We are looking to create > a more high-performance UI, but it's important that our rendered HTML and > JS works with our existing stack of technologies, one of them being e.g. > Bootstrap. > > *Problem: *I currently have a very specific problem, but will try to > avoid the XY problem and abstract it to a more general problem which could > be useful for more people. I have the following HTML snippet: > > <button type="button" class="..." data-toggle="dropdown"> > > > Which I want to translate to elm (snippet): > > > [ button [type' "button, class "...", dataToggle "dropdown"] [] > > > with the latter part of course not doing anything. I know there are some > efforts to port bootstrap components > <https://github.com/circuithub/elm-bootstrap-dropdown/blob/master/src/Bootstrap/Dropdown.elm> > to elm and that I could emulate the same behaviour with an Elm Dropdown. But > for compatibility purposes I wish I could just use special Attributes (e.g. > "data-toggle", not yet implemented in Elm) to use bootstrap accordingly. > > > *Take on solution:* I tried to look in the elm-source code and write a > *dataToggle > Attribute *myself, but that did not work. *Question:* Is there a way to > just pass attributes to elm and have it compile it to js to include such > special Attributes? (Also for example when using React or other frameworks) > > import Html exposing (Html, button, Attribute) > import Html.App as Html > import Html.Attributes exposing (..) > import Json.Encode as Json > > ... > > [ button [class "example", dataToggle "dropdown"] [] > > ... > > stringProperty : String -> String -> Attribute msg > stringProperty name string = > property name (Json.string string) > > dataToggle : String -> Attribute msg > dataToggle value = > stringProperty "data-toggle" value > > > Thanks in advance! > > -- > You received this message because you are subscribed to the Google Groups > "Elm Discuss" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Elm Discuss" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
