✨feat: Tag 컴포넌트 borderWidth 옵션 추가하기 #15

Team-inglo · Oct 21, 2024 · f3a55c5 · f3a55c5
1 parent 720d220
commit f3a55c5
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/Common/Tag.tsx b/src/components/Common/Tag.tsx
@@ -8,6 +8,7 @@ type TagProps = {
   onDelete?: (value: string) => void; // 삭제 버튼 클릭 시 호출될 함수
   hasCheckIcon: boolean; // 왼쪽에 체크 아이콘 표시 여부
   borderColor?: string;
+  borderWidth?: string;
   backgroundColor: string;
   color: string;
   fontStyle: string; // typography type
@@ -20,6 +21,7 @@ const Tag = ({
   onDelete,
   hasCheckIcon,
   borderColor,
+  borderWidth = '0.5px',
   backgroundColor,
   color,
   fontStyle,
@@ -33,7 +35,7 @@ const Tag = ({
         color: color,
         borderColor: borderColor,
         borderStyle: borderColor ? 'solid' : 'none',
-        borderWidth: '0.5px',
+        borderWidth: borderWidth,
       }}
     >
       {hasCheckIcon && <TagCheckIcon color={color} />}