Update README.md

pinata-llc · May 15, 2024 · d709699 · d709699
1 parent c788cd1
commit d709699
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -39,10 +39,11 @@ $ svg2elm --module Acme.Icons chevron.svg > Acme/Icons.elm
 module Acme.Icons exposing (..)
 
 import Svg
+import Svg.Keyed
 import VirtualDom exposing (Attribute, attribute)
 
 chevron : List (Attribute msg) -> Svg.Svg msg
-chevron attrs = Svg.node "svg" ([attribute "xmlns" "http://www.w3.org/2000/svg", attribute "viewBox" "0 0 100 100"] ++ attrs) [ Svg.node "line" ([attribute "x1" "1", attribute "y1" "1", attribute "x2" "50", attribute "y2" "50", attribute "stroke-linecap" "round"]) [], Svg.node "line" ([attribute "x1" "50", attribute "y1" "50", attribute "x2" "1", attribute "y2" "99", attribute "stroke-linecap" "round"]) []]
+chevron attrs = Svg.Keyed.node "svg" ([attribute "xmlns" "http://www.w3.org/2000/svg", attribute "viewBox" "0 0 100 100"] ++ attrs) [("chevron-1", Svg.node "line" ([attribute "x1" "1", attribute "y1" "1", attribute "x2" "50", attribute "y2" "50", attribute "stroke-linecap" "round"]) [], Svg.node "line" ([attribute "x1" "50", attribute "y1" "50", attribute "x2" "1", attribute "y2" "99", attribute "stroke-linecap" "round"]) [])]
 ```
 
 We are now ready to embed the icon in our app! Since the generated function returns an [Svg](https://package.elm-lang.org/packages/elm/svg/latest/Svg#Svg) node, we can use it like any other element: