Figure example

Figure with caption and svg

SVGs should behave like normal images, but will have a caption wider than the SVG if the SVG does not fill the available width (see following example for explanation).

How it looks (preview)

An image of the lords chamber — The Lords Chamber on the 14th of August. A large number of people are in attendance, filling the seats in the lower and upper areas. Several people are wearing hats.

How to call this example

<%= render "govuk_publishing_components/components/figure", {
  src: "https://www.gov.uk/assets/frontend/govuk-crest-9f82a3631d8ac5feb4660345a2b44ca98f077b48248f2cc139a0f412355bebef.svg",
  alt: "An image of the lords chamber",
  caption: "The Lords Chamber on the 14th of August. A large number of people are in attendance, filling the seats in the lower and upper areas. Several people are wearing hats."
} %>