jasonbellamy / react-codepen

A react component to embed pens from http://codepen.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Codepen embed version

sergiocruz opened this issue · comments

Hi there!

I was trying to get a layout like the following done and was not able to:

image

Come to find out it's because of two things:

  • embed-version=2 (it seems like something Codepen now allows)
  • default-tab="js,result" (it seems that now Codepen allows more than one result to be passed at a time)

Here is a sample embed code:

<iframe height='266' scrolling='no' src='//codepen.io/sergiocruz/embed/ZWmvYb/?height=266&theme-id=dark&default-tab=js,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/sergiocruz/pen/ZWmvYb/'>Convert React component from Class to Stateless Function</a> by Sergio Cruz (<a href='http://codepen.io/sergiocruz'>@sergiocruz</a>) on <a href='http://codepen.io'>CodePen</a>.
</iframe>

I'll be happy to open a pull request address these new features if you'd like :)

Hi @sergiocruz,

Yeah that would be fantastic if you have the time to open a PR for this.

Hi @jasonbellamy, I opened a PR for this: #2

Thanks! :)