Pattern: figure image

A system-agnostic HTML pattern for a figure element containing an image

A figure element with an img element and an optional figcaption.

<figure class="figure--foo">
  <img src="/sitelet?url=https%3A%2F%2Funsplash.it%2F200%2F300" alt="Foo Image">
  <figcaption>Foo image caption</figcaption>
</figure>

• npm run lint - lints Javascript
• npm run ava - runs unit tests
• npm run nyc - runs unit tests, then runs code coverage
• npm test - runs npm pretest first, which runs the linting, then ava, then nyc