From 447ee271856f733c984a8db69b4e9efb7807a672 Mon Sep 17 00:00:00 2001
From: brittneypostma <bdesignedwebdev@gmail.com>
Date: Wed, 25 Oct 2023 15:47:34 -0400
Subject: [PATCH 1/2] updated readme with svelte component

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

diff --git a/README.md b/README.md
index ab1df0f9..4c10b0fa 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,33 @@ It supports:
 
 ## Example
 
+Have a basic button component:
+
+```svelte
+<script>
+  export let rounded = true;
+</script>
+
+<style>
+  .rounded {
+    border-radius: 35px;
+  }
+
+  button {
+    border: 3px solid;
+    padding: 10px 20px;
+    background-color: white;
+    outline: none;
+  }
+</style>
+
+<button class="button" class:rounded on:click={onClick}>\
+  <slot />
+</button>
+```
+
+And a `button.stories.svelte` file:
+
 ```svelte
 <script context="module">
   import Button from './Button.svelte';

From 6967dd0328e5d14d845281e7439460dd89cf464d Mon Sep 17 00:00:00 2001
From: brittneypostma <bdesignedwebdev@gmail.com>
Date: Wed, 25 Oct 2023 15:49:26 -0400
Subject: [PATCH 2/2] fixed typo

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 4c10b0fa..e189e996 100644
--- a/README.md
+++ b/README.md
@@ -33,7 +33,7 @@ Have a basic button component:
   }
 </style>
 
-<button class="button" class:rounded on:click={onClick}>\
+<button class="button" class:rounded on:click={onClick}>
   <slot />
 </button>
 ```