Shortcodes

Images

To create an image, use the image shortcode. You can add the uk-thumbnail-caption class to a <div> element to apply a caption under the image.

Style Description
uk-thumbnail creates a border around the image
uk-image-round creates an image with rounded corners
uk-thumbnail-caption Adds a caption to an image using a separate div
uk-thumbnail-expand Makes the image fill the entire width of the parent container


Image with thumbnail style

sample_1
markup
[image style="uk-thumbnail" url="http://demo.arrowthemes.com/joomla/legend/images/demo/sample.jpg" title="sample_1" width="275" height="182" /]

Image with rounded corners style

sample_1
markup
[image style="uk-image-round" url="http://demo.arrowthemes.com/joomla/legend/images/demo/sample.jpg" title="sample_1" width="275" height="182" /]

Image with caption

You can add the uk-thumbnail-caption class to a <div> element to apply a caption under the image.

sample_1
image caption

markup
<div class="uk-thumbnail">
   [image style="" url="http://demo.arrowthemes.com/joomla/legend/images/demo/sample.jpg" title="sample_1" width="275" height="182" /]
   <div class="uk-thumbnail-caption">image caption</div>
</div>

You can view more examples and classes that you can use from here