Merge pull request #266 from reaviz/bug/select-disabled-option

fix disable select option and add story
reaviz · Nov 1, 2024 · 8f42cc9 · 8f42cc9
2 parents 54b551b + 4d82809
commit 8f42cc9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/form/Select/SelectMenu/SelectMenu.tsx b/src/form/Select/SelectMenu/SelectMenu.tsx
@@ -156,6 +156,7 @@ export const SelectMenu: FC<SelectMenuProps> = ({
             event.stopPropagation();
             onSelectedChange(o);
           }}
+          disabled={o.disabled}
         >
           {o.menuLabel ? (
             o.menuLabel

diff --git a/src/form/Select/SingleSelect.story.tsx b/src/form/Select/SingleSelect.story.tsx
@@ -622,6 +622,21 @@ export const Disabled = () => (
   </div>
 );
 
+export const DisabledOption = () => {
+  const [value, setValue] = useState<string | null>(null);
+  return (
+    <div style={{ width: 300 }}>
+      <Select value={value} onChange={v => setValue(v)} placeholder="Select...">
+        <SelectOption value="facebook">facebook</SelectOption>
+        <SelectOption value="twitter" disabled>
+          twitter
+        </SelectOption>
+        <SelectOption value="twitch">twitch</SelectOption>
+      </Select>
+    </div>
+  );
+};
+
 export const Unfilterable = () => {
   const [value, setValue] = useState<string | null>('facebook');
   return (