Image
An image is a graphic representation of something.

Types

Unless a size is specified, images will use the original dimensions of the image up to the size of its container.

An image can render wrapped in a div.ui.image as alternative HTML markup.

States

Hidden

An image can be hidden.

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.

Bordered

An image may include a border to emphasize the edges of white or transparent content.

Fluid

An image can take up the width of its container.

Rounded

An image may appear rounded.

Circular

An image may appear circular.

Perfectly circular images require a perfectly square image file.

Vertically Aligned

An image can specify its vertical alignment.

Centered

An image can appear centered in a content block.

Spaced

An image can specify that it needs an additional spacing to separate it from nearby content.

Floated

An image can appear to the left or right of other content.

Size

An image may appear at different sizes.

Groups

Size

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

Usage

Children

An image can render children.

Image props

An image correctly handles props of an HTML img.

Also when it is wrapped in an another element.

This is the bottom