Fork me on GitHub

Hey everyone. I'm starting to use Devcards and was wondering whether there was a way to have my components displayed in an iframe or something: I'd like my cards to be isolated from Devcard's CSS and be displayed in a setup that resembles a live system as much as possible compared to being enclosed in divs that hold their own CSS (Devcards CSS).


FWIW I've found that using with-redefs is a useful way to mock global state behavior, and changing the index.html file to include or exclude CSS for styling.


I saw this (closed) PR that would look like what I'd want so … I guess I have my answer as to "is there a way to … ?"


Oh and BTW, yes I saw that one can override and even completely remove DevCards' CSS, this is what I'm doing at the moment but – apart from the fact that the whole DevCard page doesn't look good with no style – my components are still rendered in a bunch of <div >s that mess up some of my components (components that are pages actually).


I hope I'm not giving a wrong idea about Devcards here 😳 : the project rocks, kudos to bhauman 🎩