From e05083c68ed24e491036375667e3ca2e743bc537 Mon Sep 17 00:00:00 2001
From: Andrew White <white.d.andrew@gmail.com>
Date: Sun, 2 Apr 2023 16:04:23 -0400
Subject: [PATCH] Add svelte example to README

---
 README.md | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/README.md b/README.md
index 6261a545..8922000d 100644
--- a/README.md
+++ b/README.md
@@ -25,6 +25,52 @@ Current Version: **2.1.5**
     </tbody>
 </table>
 
+### Examples in Specific Frameworks
+
+<details>
+    <summary>Svelte </summary>
+    
+    
+```html
+<!--file:Molecule.svlete-->
+<!--Tested against v2.1.7 of smiles-drawer-->
+<script>
+    import { afterUpdate } from "svelte";
+    import SmilesDrawer from "smiles-drawer";
+
+    export let smiles = "";
+
+    const SETTINGS = {
+        width: 300,
+        height: 200,
+    };
+    let drawer = new SmilesDrawer.SvgDrawer(SETTINGS);
+    let svgElement;
+
+    afterUpdate(() => {
+        SmilesDrawer.parse(smiles, function (tree) {
+            drawer.draw(tree, svgElement, "light");
+        });
+    });
+</script>
+
+<div>
+    <svg bind:this={svgElement} data-smiles={smiles} />
+</div>
+
+<style>
+    svg {
+        width: 300px;
+        height: 200px;
+    }
+</style>
+
+<!--usage-->
+ <Molecule smiles="CCCO" />
+```
+
+</details>
+
 ### Please cite
 
 If you use this code or application, please cite the original paper published by the Journal of Chemical Information and Modeling: [10.1021/acs.jcim.7b00425](http://dx.doi.org/10.1021/acs.jcim.7b00425)