Add UI samples to storybook #61
Conversation
| , C.ExternalHref "link 3" |> N.navItem "item 3" | ||
| , C.ExternalHref "link 4" |> N.navItem "item 4" | ||
| ] | ||
| |> Array.fromList |
There was a problem hiding this comment.
What do we get from Array over List here?
There was a problem hiding this comment.
It was to access one element by its index, but I change it to simply use List.
| import Card from "./Card.elm"; | ||
| import ErrorCard from "./ErrorCard.elm"; | ||
| import Banner from "./Banner.elm"; | ||
| import CopyField from "./CopyField.elm"; |
There was a problem hiding this comment.
I think this one also has a webcomponent associated with it that we'd want to import in the js world.
There was a problem hiding this comment.
Ok. So are there different ways to use Elm components, other than writing like this?
There was a problem hiding this comment.
Yeah there's a few Elm modules that have a WebComponent pair to do native JavaScript stuff. In this case its src/UI/CopyOnClick.js, which need to be included in the bundle for copy to work (the other examples are OnClickOutside.js, EmbedSvg.js, EmbedMermaid.js, and EmbedKatex.js FWIW).
There was a problem hiding this comment.
I see. I changed the code to import CopyOnClick.js
|
🎉 |
I've added these UI elements to storybook: