You can embed code previews from CodePen using the Embed option in zeroheight.
1) Open your CodePen:
2) In the bottom right-hand corner, click Embed
3) Choose the iframe tab and select the code. You will only need the URL in the src tag.
4) In zeroheight, choose the Embed block from the block selector (type slash to bring it up).
5) Paste the CodePen URL.
<%= block.description %>
<% } %> Explore <% }) %>empty
<% } %> <% var labels = "a_label".split(',').map(function(label) { return label.trim(); }).filter(function(label) { return label; }); %> <% var articlesWithLabels = articles.filter(function(article) { return Util.intersection(article['label_names'], labels).length; }) %> <% if (articlesWithLabels.length) { %>Our product is important, but we are extra proud of our community.
From our you-must-know-the-handshake-to-enter Slack community, to the conferences and events we run across the world, to the articles, webinars and podcasts that our smart cookies create every week, we care about teaching the community how to build the best possible design systems out there.
Get in touch with us today to organize a demo and everything zeroheight has to offer.
This report is an opportunity for us to stop, reflect and figure out the biggest challenges that face us in how we document and grow our design systems.
Download our report