a few extra pieces of text

andrewgryan · Jul 14, 2024 · 00220f3 · 00220f3
1 parent 817315d
commit 00220f3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/docs/content/articles/divicon.md b/docs/content/articles/divicon.md
@@ -54,7 +54,9 @@ it is best to use the JS attribute `className` by using the `class-name` equival
 
 ## Mark-up
 
-```html
+The usual rules for converting from JS to HTML apply.
+
+```html,hl_lines=6 9,linenos
 <l-map zoom="5" center="[45, 0]">
   <l-tile-layer
     url-template="https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"
@@ -68,6 +70,8 @@ it is best to use the JS attribute `className` by using the `class-name` equival
 </l-map>
 ```
 
+Line 6 and 9 above show how to use a div icon to create a pink and blue circle icon.
+
 # Conclusion
 
 Div icons enable a front-end developer to craft amazing visualisations.