Using Styled-Components

The Component support styling using Styled-component:

import React from 'react';
import Popup from 'reactjs-popup';
import Styled from 'styled-components';
const StyledPopup = styled(Popup)`
// use your custom style for ".popup-overlay"
&-overlay {
...;
}
// use your custom style for ".popup-content"
&-content {
...;
}
`;
const Modal = () => (
<StyledPopup
trigger={<button className="button"> Open Modal </button>}
modal
closeOnDocumentClick
>
<span> Modal content </span>
</StyledPopup>
);