js Styling

To style Popup Component using js styling, we provide contentStyle, overlayStyle, arrowStyle props to make your work easy.

const contentStyle = { background: '#000' };
const overlayStyle = { background: 'rgba(0,0,0,0.5)' };
const arrowStyle = { color: '#000' }; // style for an svg element
const Modal = () => (
<Popup
trigger={<button className="button"> Open Modal </button>}
{...{ modal, closeOnDocumentClick, contentStyle, overlayStyle, arrowStyle }}
>
<span> Modal content </span>
</Popup>
);