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