--- layout : 'default' css : 'image' title : 'Image' description : 'An image is a graphic representation of something' type : 'UI Element' --- <%- @partial('header') %>

Types

Image

An image

Images will, by default, take up the same size as the original image. Specifying an image size will force an image to only take up a specific size.

Image Link

An image can be formatted to link to other content

States

Disabled

An image can show that it is disabled and cannot be selected

Variations

Avatar

An image may be formatted to appear inline with text as an avatar

Dog Doggington

Rounded

An image may appear rounded

Circular

An image may appear circular

Floated

An image can sit to the left or right of other content

Te eum doming eirmod, nominati pertinacia argumentum ad his. Ex eam alia facete scriptorem, est autem aliquip detraxit at. Usu ocurreret referrentur at, cu epicurei appellantur vix. Cum ea laoreet recteque electram, eos choro alterum definiebas in. Vim dolorum definiebas an. Mei ex natum rebum iisque.

Audiam quaerendum eu sea, pro omittam definiebas ex. Te est latine definitiones. Quot wisi nulla ex duo. Vis sint solet expetenda ne, his te phaedrum referrentur consectetuer. Id vix fabulas oporteat, ei quo vide phaedrum, vim vivendum maiestatis in.

Eu quo homero blandit intellegebat. Incorrupte consequuntur mei id. Mei ut facer dolores adolescens, no illum aperiri quo, usu odio brute at. Qui te porro electram, ea dico facete utroque quo. Populo quodsi te eam, wisi everti eos ex, eum elitr altera utamur at. Quodsi convenire mnesarchum eu per, quas minimum postulant per id.

Sizes

An image may be formatted to be different sizes

Groups

Sizes

A group of images can be formatted to have the same size.