max cons and provs

packages/website/src/components/Button/index.module.css

@@ -16,6 +16,11 @@
 
   cursor: pointer;
 
+  &[data-disabled="true"] {
+    cursor: default;
+    opacity: 0.5;
+  }
+
   &[data-size="minor"] {
     font-size: 0.7em;
     padding: var(--space-2) var(--space-3);

packages/website/src/components/Button/index.tsx

@@ -39,6 +39,7 @@ export function Button({
 
   listChild,
   parentListChild,
+  disabled,
   ...props
 }: ButtonProps) {
   return (
@@ -51,6 +52,8 @@ export function Button({
       data-size={size}
       data-list-child={listChild}
       data-parent-list-child={parentListChild}
+      data-disabled={disabled}
+      disabled={disabled}
       {...props}
     />
   );