docs: fix button playground

Co-authored-by: Don Alfons Nisnoni <[email protected]>
Co-authored-by: TheComputerM <[email protected]>

Author: 3 people

packages/docs/src/playground/Button.svelte

@@ -11,6 +11,7 @@
     size: {
       type: 'select',
       items: ['x-small', 'small', 'default', 'large', 'x-large'],
+      mandatory: true,
     },
   };
 
@@ -21,7 +22,7 @@
     block: false,
     disabled: false,
     active: false,
-    size: ['default'],
+    size: 'default',
   };
 </script>
 
@@ -30,7 +31,7 @@
     block={values.block}
     disabled={values.disabled}
     active={values.active}
-    size={values.size[0]}
+    size={values.size}
     {...formatVariant(values.variants)}>
     {#if values.variants.includes('icon') || values.variants.includes('fab')}
       <Icon class="mdi mdi-home" />