Skip to main content

Raven Design System

Image Caption Component

Use this component to further explain, add commentary or provide context to your images contained in the <figure> element.

Base example

Photo of Bill Murray
Bill Murray is an American actor, comedian, and writer. The fifth of nine children, he was born William James Murray in Wilmette, Illinois, to Lucille (Collins), a mailroom clerk, and Edward Joseph Murray II, who sold lumber.

<figure class="c-imgcaption" aria-labelledby="figcaption_id_1" >
	<img src="https://www.fillmurray.com/640/360" alt="Photo of Bill Murray">
	<figcaption>Bill Murray is an American actor, comedian, and writer. The fifth of nine children, he was born William James Murray in Wilmette, Illinois, to Lucille (Collins), a mailroom clerk, and Edward Joseph Murray II, who sold lumber.</figcaption>
</figure>

Guidelines

  • Your captions should be different than your image's ALT text.

Found in

Badges are used in the following blocks:

References