Add extra isDisabled style for button

2022-03-29 16:52:24 +03:00
parent 51f7bd509b
commit d2addf782e
1 changed files with 10 additions and 0 deletions
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -171,6 +171,16 @@ export const StyledButton = styled("button", {
        color: "$textMuted",
      },
    },
+    isDisabled: {
+      true: {
+        opacity: 0.6,
+        // pointerEvents: "none",
+        cursor: "auto",
+        "&:hover": {
+          boxShadow: "inherit",
+        },
+      },
+    },
    outline: {
      true: {
        backgroundColor: "transparent",