From 6ae2c6863a4cc92a2c7e80b9c8e0ab8bbd31769b Mon Sep 17 00:00:00 2001
From: HyeongKyeom Kim <97586683+Brokyeom@users.noreply.github.com>
Date: Fri, 22 Nov 2024 18:26:37 +0900
Subject: [PATCH] =?UTF-8?q?feat(ui)=20Tag=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=EC=97=90=20...restProps=EB=A5=BC=20=EC=B6=94=EA=B0=80?=
 =?UTF-8?q?=ED=95=A9=EB=8B=88=EB=8B=A4.=20(#212)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/cold-owls-rule.md | 5 +++++
 packages/ui/Tag/Tag.tsx      | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/cold-owls-rule.md

diff --git a/.changeset/cold-owls-rule.md b/.changeset/cold-owls-rule.md
new file mode 100644
index 0000000..7473946
--- /dev/null
+++ b/.changeset/cold-owls-rule.md
@@ -0,0 +1,5 @@
+---
+'@sopt-makers/ui': patch
+---
+
+Add restProps in Tag Component.
diff --git a/packages/ui/Tag/Tag.tsx b/packages/ui/Tag/Tag.tsx
index 79c9f48..b86311b 100644
--- a/packages/ui/Tag/Tag.tsx
+++ b/packages/ui/Tag/Tag.tsx
@@ -11,11 +11,11 @@ export interface TagProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 export const Tag = forwardRef<HTMLDivElement, TagProps>((props, forwardedRef) => {
-  const { children, size = 'sm', shape = 'rect', variant = 'default', type = 'solid' } = props;
+  const { children, size = 'sm', shape = 'rect', variant = 'default', type = 'solid', ...restProps } = props;
   const style = createTagStyle(type, variant, shape, size);
 
   return (
-    <div className={`${S.root} ${style}`} ref={forwardedRef}>
+    <div className={`${S.root} ${style}`} ref={forwardedRef} {...restProps}>
       {children}
     </div>
   );