Fixes bug in the EuiCheckboxGroup demo page and add disabled to TS defs

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
 - Added `badge` prop and new styles `EuiHeaderAlert` ([#2506](https://github.com/elastic/eui/pull/2506))
+- Added `disabled` prop to the `EuiCheckboxGroup` definition ([#2545](https://github.com/elastic/eui/pull/2545))
 
 ## [`16.0.1`](https://github.com/elastic/eui/tree/v16.0.1)
 

src-docs/src/views/form_controls/checkbox_group.js

@@ -29,10 +29,17 @@ export default class extends Component {
       },
     ];
 
+    this.checkboxesDisabled = this.checkboxes.map(checkbox => {
+      return { ...checkbox, id: `${checkbox.id}_disabled` };
+    });
+
     this.state = {
       checkboxIdToSelectedMap: {
         [`${idPrefix}1`]: true,
       },
+      checkboxIdToSelectedMapDisabled: {
+        [`${idPrefix}1_disabled`]: true,
+      },
     };
   }
 
@@ -67,8 +74,8 @@ export default class extends Component {
         <EuiSpacer size="s" />
 
         <EuiCheckboxGroup
-          options={this.checkboxes}
-          idToSelectedMap={this.state.checkboxIdToSelectedMap}
+          options={this.checkboxesDisabled}
+          idToSelectedMap={this.state.checkboxIdToSelectedMapDisabled}
           onChange={this.onChange}
           disabled
         />

src/components/form/checkbox/index.d.ts

@@ -52,6 +52,7 @@ declare module '@elastic/eui' {
     idToSelectedMap: EuiCheckboxGroupIdToSelectedMap;
     onChange: ChangeEventHandler<HTMLInputElement>;
     compressed?: boolean;
+    disabled?: boolean;
   }
 
   export const EuiCheckboxGroup: FunctionComponent<