feat: add size and color to the badge

taskany-inc · Aug 15, 2023 · 1b16a21 · 1b16a21
1 parent 312ff3d
commit 1b16a21
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
@@ -4,7 +4,7 @@ import { gray7, gray9, radiusL } from '@taskany/colors';
 
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    size?: 's' | 'm';
+    size?: 's' | 'm' | 'l' | 'xl';
     color?: string;
     className?: string;
 
@@ -31,6 +31,12 @@ const StyledBadge = styled.div<{ size: BadgeProps['size']; color?: BadgeProps['c
         `,
             m: `
             padding: 2px 8px;
+        `,
+            l: `
+            padding: 3px 12px;
+        `,
+            xl: `
+            padding: 4px 16px;
         `,
         }[size]}