Allow passing isDisabled to individual button group button (#1424)

elastic · Jan 10, 2019 · 453d821 · 453d821
1 parent c07d560
commit 453d821
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,6 +8,7 @@
 - Added `titleProps` and `descriptionProps` to `EuiDescriptionList` ([#1419](https://github.com/elastic/eui/pull/1419))
 - Propagate `className` on `EuiCodeBlock` in fullscreen mode ([#1422](https://github.com/elastic/eui/pull/1422))
 - Added `iconProps` prop to `EuiIconTip` ([#1420](https://github.com/elastic/eui/pull/1420))
+- Added ability to pass `isDisabled` to individual `EuiButtonGroup` items ([#1424](https://github.com/elastic/eui/pull/1424))
 
 **Bug fixes**
 

diff --git a/src/components/button/button_group/button_group.js b/src/components/button/button_group/button_group.js
@@ -48,7 +48,7 @@ export const EuiButtonGroup = ({
             iconSide={option.iconSide}
             iconType={option.iconType}
             id={option.id}
-            isDisabled={isDisabled}
+            isDisabled={isDisabled || option.isDisabled}
             isIconOnly={isIconOnly}
             isSelected={isSelectedState}
             key={index}
@@ -70,7 +70,8 @@ EuiButtonGroup.propTypes = {
   options: PropTypes.arrayOf(
     PropTypes.shape({
       id: PropTypes.string.isRequired,
-      label: PropTypes.string.isRequired
+      label: PropTypes.string.isRequired,
+      isDisabled: PropTypes.bool,
     }),
   ).isRequired,
   onChange: PropTypes.func.isRequired,