From 8a2a010776c88813f870328d3751dc0b7c8847e0 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Tue, 12 Nov 2024 15:23:18 +0700
Subject: [PATCH] feat: add pill button param

---
 src/components/button/MainButton.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/button/MainButton.vue b/src/components/button/MainButton.vue
index 90061843..947a279a 100644
--- a/src/components/button/MainButton.vue
+++ b/src/components/button/MainButton.vue
@@ -10,6 +10,7 @@ defineProps<{
   iconOnly?: boolean;
   solid?: boolean;
   outlined?: boolean;
+  pill?: boolean;
   disabled?: boolean;
   dark?: boolean;
 }>();
@@ -22,6 +23,7 @@ defineProps<{
     :class="{
       'main-btn__solid': solid && !outlined,
       'main-btn__outline': !solid && outlined,
+      'main-btn__pill': pill,
       'main-btn__dark': dark,
       'main-btn__icon-only': iconOnly,
     }"
@@ -113,4 +115,8 @@ defineProps<{
     border: 1px solid hsla(0 0% 0% / 0.3);
   }
 }
+
+.main-btn__pill {
+  border-radius: 999rem;
+}
 </style>