I work on a component library and a demo site.
For preview purposes, I’d like to render components in an iframe. This will ensure that styles from the website are not cascading to the components, make it easier to deal with responsive layouts, etc.
Here, you can see an example of how
line-height from the website is cascading to the
Button component causing it to be very tall.
How could I render the
Button with all its styles inside the iframe?