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();