Web Docs

Figures: Simple image 

<figure tabindex="0" role="group" aria-labelledby="figure-1">
    <img src="../raw/image/1701-03-contemporary-dance-poster-0094.jpg" alt="" />
    <figcaption id="figure-1">Figure 1. Caption here</figcaption>
</figure>
 
<figure tabindex="0" role="group"{{#with caption}} aria-labelledby="{{id}}"{{/with}}>
	{{> (lookup . 'componentHandle') contextData }}
	{{#with caption}}<figcaption id="{{id}}">{{{data}}}</figcaption>{{/with}}
</figure>
  • Content: 
    .caption
	margin: $spacing3 0
	text-align: left
	color: $textgrey
	font-size: $fontSize16
	font-style: italic

figcaption
	@extend .caption
  • URL: /components/raw/figure/figure.sass
  • Filesystem Path: src/components/0-foundation/figure/figure.sass
  • Size: 139 Bytes 
{
  "componentHandle": "@image",
  "contextData": {
    "url": "/components/raw/image/1701-03-contemporary-dance-poster-0094.jpg",
    "alt": null
  },
  "border": null,
  "caption": {
    "id": "figure-1",
    "data": "Figure 1. Caption here"
  }
}