@rei/cdr-media-object

CdrMediaObject

The Media Object allows you to group small amounts of like content is a small amount of markup. The examples below show some of the may visual displays available to this component.

Modifiers

add {top, right, bottom, center, overlay, block, stretch}

Name	Description
top	Media figure displays above Media body
right	Media figure displays to the right of the Media body
bottom	Media figure displays below the Media body
Center	Can be stacked with other alignment modifiers and will center the Media figure.
overlay	Media Body overlays the Media Frame
stretch	The Media Frame extends 16px left and right from the parent container. This is intended to be used with the top or bottom modifier.
block	The Media Frame extends 16px left and right from the parent container. and an additional 16px left and right value wraps the media object. This is intended to be used with the top or bottom modifier.