chore(Button): add checked prop

taskany-inc · Aug 29, 2023 · c8649e0 · c8649e0
1 parent 2fe9e31
commit c8649e0
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -46,6 +46,8 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
     brick?: 'left' | 'right' | 'center';
+    /** This property is applicable only when the 'view' prop is set to 'default'. */
+    checked?: boolean;
     hue?: [number, number];
     children?: React.ReactNode;
 }
@@ -112,12 +114,12 @@ const StyledButton = styled(
             }
         `}
 
-    ${({ view }) =>
+    ${({ view, checked }) =>
         view === 'default' &&
         `
             color: ${gray10};
             border-color: ${gray7};
-            background-color: ${gray4};
+            background-color: ${checked ? gray6 : gray4};
 
             --color: ${gray9};
             --color-hover: ${gray10};