# Figure Display related visual content with an optional caption and responsive alignment. ```twig Bukchon Hanok Village, in Seoul, South Korea ``` ## Installation ```shell php bin/console ux:install figure --kit bootstrap ``` ## Usage ```twig Bukchon Hanok Village, in Seoul, South Korea ``` ## Accessibility Write image alternative text that describes the image's purpose in context. Avoid repeating the caption verbatim unless both carry distinct information. Use an empty `alt` value for a decorative image. The caption remains associated with the figure through the native `figure` and `figcaption` elements. ## Examples ### Default figure Display a responsive image with a caption below it. ```twig Bukchon Hanok Village, in Seoul, South Korea ``` ### Caption alignment Align the caption with Bootstrap's text utilities through the `captionAlign` prop. ```twig Bukchon Hanok Village, in Seoul, South Korea ``` ## API Reference ### `` | Prop | Type | Default | Description | |:-----|:-----|:--------|:------------| | `caption` | `string\|null` | `null` | The optional caption displayed below the figure content. | | `captionAlign` | `'start'\|'center'\|'end'\|null` | `null` | The horizontal alignment of the caption. | | Block | Description | |:------|:------------| | `content` | The figure content, typically a responsive image. |