adds fullwidth prop

src/App.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="button-group">
-
     <MyButton variant="primary"
               size="sm">
       Primary Small
     </MyButton>
-    <MyButton variant="secondary"
-              size="md">
+    <MyButton>
+      Primary Medium
+    </MyButton>
+    <MyButton variant="secondary">
       Secondary Medium
     </MyButton>
     <MyButton variant="danger"
@@ -26,16 +27,25 @@
       Danger Large
     </MyButton>
   </div>
+  <div class="button-group">
+    <MyButton variant="danger"
+              size="lg"
+              :fullwidth="true">
+      Danger Fullwidth
+    </MyButton>
+  </div>
 </template>
 
 <script setup lang="ts">
 import MyButton from './components/MyButton.vue';
 
 </script>
+
 <style scoped>
 .button-group {
   display: flex;
   align-items: center;
   gap: 1rem;
+  margin-block-start: 1rem;
 }
 </style>