Images

Welcome to the Shortcode kitchen sink!

This page contains examples of the different shortcode options you have available when creating a new documentation page.


Adding images

You can easily add images to a page using the following markdown:

![<Enter alt text>](<Enter image url>)

An example would be:

![Morty image](http://placemorty.us/1024/500)

This would result in the following:

Morty image


Transparent images

Not a problem! You can add in transparent / white background images without causing any issues as all images have a light grey border around them.

Here’s an example:

White example


Inline images

If you don’t wish to have a responsive full width image you can use the inlineImage shortcode.

Here’s an example:

Morty image

Code snippet:

{{% inlineImage %}}
  ![Morty image](http://placemorty.us/500/300)
{{% /inlineImage %}}