From 7942a2ccb8cc481a1c64214e903abc9ffc827ed1 Mon Sep 17 00:00:00 2001
From: Tucker McCoy <tuckermmccoy@gmail.com>
Date: Fri, 26 Jun 2026 10:44:21 -0400
Subject: [PATCH] feat: add disabled prop to FilterDropdown

---
 .../src/content/components/filter-dropdown.mdx    | 15 ++++++++-------
 packages/ui/package.json                          |  2 +-
 .../filter-dropdown/filter-dropdown.tsx           |  8 +++++++-
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/packages/demo/src/content/components/filter-dropdown.mdx b/packages/demo/src/content/components/filter-dropdown.mdx
index b420084..6c4985d 100644
--- a/packages/demo/src/content/components/filter-dropdown.mdx
+++ b/packages/demo/src/content/components/filter-dropdown.mdx
@@ -39,10 +39,11 @@ Basic usage:
 
 ## Props
 
-| Name              | Description                                                  | Type                                  | Default | Required |
-| ----------------- | ------------------------------------------------------------ | ------------------------------------- | ------- | -------- |
-| `label`           | The text displayed on the trigger button.                    | `string`                              | -       | ✅       |
-| `options`         | The list of filter options to display in the dropdown.       | `{ value: string; label: string; }[]` | -       | ✅       |
-| `selectedFilters` | Array of currently selected filter values.                   | `string[]`                            | -       | ✅       |
-| `onToggleFilter`  | Callback fired when a filter option is checked or unchecked. | `(value: string) => void`             | -       | ✅       |
-| `onClearAll`      | Callback fired when the "Clear all" button is clicked.       | `() => void`                          | -       | ✅       |
+| Name              | Description                                                                       | Type                                  | Default | Required |
+| ----------------- | --------------------------------------------------------------------------------- | ------------------------------------- | ------- | -------- |
+| `label`           | The text displayed on the trigger button.                                         | `string`                              | -       | ✅       |
+| `options`         | The list of filter options to display in the dropdown.                            | `{ value: string; label: string; }[]` | -       | ✅       |
+| `selectedFilters` | Array of currently selected filter values.                                        | `string[]`                            | -       | ✅       |
+| `onToggleFilter`  | Callback fired when a filter option is checked or unchecked.                      | `(value: string) => void`             | -       | ✅       |
+| `onClearAll`      | Callback fired when the "Clear all" button is clicked.                            | `() => void`                          | -       | ✅       |
+| `disabled`        | When `true`, the trigger button is unclickable and the dropdown cannot be opened. | `boolean`                             | `false` | ❌       |
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 2c35996..7599d58 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -2,7 +2,7 @@
   "name": "@eqtylab/equality",
   "description": "EQTYLab's component and token-based design system",
   "homepage": "https://equality.eqtylab.io/",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "license": "Apache-2.0",
   "keywords": [
     "component library",
diff --git a/packages/ui/src/components/filter-dropdown/filter-dropdown.tsx b/packages/ui/src/components/filter-dropdown/filter-dropdown.tsx
index c2750ae..2d402b0 100644
--- a/packages/ui/src/components/filter-dropdown/filter-dropdown.tsx
+++ b/packages/ui/src/components/filter-dropdown/filter-dropdown.tsx
@@ -29,6 +29,7 @@ interface FilterDropdownProps {
   onClearAll: () => void;
   buttonClassName?: string;
   contentClassName?: string;
+  disabled?: boolean;
 }
 
 const FilterDropdown = ({
@@ -39,6 +40,7 @@ const FilterDropdown = ({
   onClearAll,
   buttonClassName,
   contentClassName,
+  disabled = false,
 }: FilterDropdownProps) => {
   const hasSelectedFilters = selectedFilters.length > 0;
   const filteredOptions = options.filter(
@@ -49,7 +51,11 @@ const FilterDropdown = ({
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant="tertiary" className={cn(styles['selector-button'], buttonClassName)}>
+        <Button
+          variant="tertiary"
+          disabled={disabled}
+          className={cn(styles['selector-button'], buttonClassName)}
+        >
           <span className={styles['selector-button-content']}>
             {label}
             {hasSelectedFilters && <Badge variant="primary">{selectedFilters.length}</Badge>}