create Button components

2023-10-24 13:56:04 +07:00
parent 844995fc64
commit 43b8bd5bb1
7 changed files with 248 additions and 122 deletions
--- a/src/views/TestView.vue
+++ b/src/views/TestView.vue
@ -3,5 +3,17 @@
 </script>

 <template>
-  <Button />
+  <div class="container mx-auto py-5">
+    <p>Default / filled</p>
+    <Button label="Button" className="mb-3 flex-1" />
+  
+    <p>secondary</p>
+    <Button label="Button" styleType="secondary" className="mb-3" />
+
+    <p>outline</p>
+    <Button label="Button" styleType="outline" className="mb-3"/>
+
+    <p>text</p>
+    <Button label="Button" styleType="text" />
+  </div>
 </template>