index.md

layout
base.njk

Default options

Specify slug

{% codepen "LXxoEL" %}

Specify full URL

{% codepen "https://codepen.io/kevingimbel/pen/LXxoEL" %}

Specify URL without protocol

{% codepen "codepen.io/kevingimbel/pen/LXxoEL" %}

---

Custom options

{% codepen "LXxoEL" "tabs:html,result;theme:light" %}

Setting all options

{% codepen "LXxoEL" "height:300;theme:light;tabs:html;user:kevingimbel;title:Some pen;preview: true;editable: true" %}

---

Missing required attribute

{% codepen %}