Skip to content

Instantly share code, notes, and snippets.

@dirtystylus
dirtystylus / eleventy-figure-shortcode.md
Last active Apr 22, 2021
Eleventy Figure Shortcode
View eleventy-figure-shortcode.md
module.exports = (image, caption, className) => {
  const classMarkup = className ? ` class="${className}"` : '';
  const captionMarkup = caption ? `<figcaption>${caption}</figcaption>` : '';
  return `<figure${classMarkup}><img src="/img/${image}" />${captionMarkup}</figure>`;
  // the line below does all this in one line, but is more confusing:
  // return `<figure${className ? ` class="${className}"` : ''}><img src="/img/${image}" />${caption ? `<figcaption>${caption}</figcaption>` : ''}</figure>`;
};