diff --git a/react/src/lib/ModalHeader/index.js b/react/src/lib/ModalHeader/index.js
index 5e13559a1c..3c9b09f6e5 100644
--- a/react/src/lib/ModalHeader/index.js
+++ b/react/src/lib/ModalHeader/index.js
@@ -9,6 +9,7 @@ class ModalHeader extends React.PureComponent {
const {
children,
className,
+ closeBtnProps,
headerLabel,
message,
showCloseButton,
@@ -39,6 +40,7 @@ class ModalHeader extends React.PureComponent {
}
@@ -51,6 +53,8 @@ ModalHeader.propTypes = {
children: PropTypes.node,
/** @prop Optional CSS class names | '' */
className: PropTypes.string,
+ /** @prop Props to be passed to close button | null */
+ closeBtnProps: PropTypes.object,
/** @prop ModalHeader label text | '' */
headerLabel: PropTypes.string,
/** @prop Modal message | '' */
@@ -62,6 +66,7 @@ ModalHeader.propTypes = {
ModalHeader.defaultProps = {
children: null,
className: '',
+ closeBtnProps: null,
headerLabel: '',
message: '',
showCloseButton: true,
diff --git a/react/src/lib/ModalHeader/tests/__snapshots__/index.spec.js.snap b/react/src/lib/ModalHeader/tests/__snapshots__/index.spec.js.snap
index fdf4710b07..a0afa98790 100644
--- a/react/src/lib/ModalHeader/tests/__snapshots__/index.spec.js.snap
+++ b/react/src/lib/ModalHeader/tests/__snapshots__/index.spec.js.snap
@@ -5,6 +5,7 @@ ShallowWrapper {
Symbol(enzyme.__root__): [Circular],
Symbol(enzyme.__unrendered__): ', () => {
expect(container.find('.md-modal__close').length).toEqual(1);
});
+ it('should apply closeBtnProps', () => {
+ const container = shallow();
+
+ expect(container.find('.test').length).toEqual(1);
+ });
+
it('should display not display closable button', () => {
const container = shallow();