<figure>
    <img class="o-shadow" src="/img/placeholder.jpg" alt="alt text">
    <figcaption>Caption after image</figcaption>
</figure>
<figure>
  <img {% if hasShadow %}class="o-shadow"{% endif %} src="{{ img.src }}" alt="{{ img.alt }}">
  <figcaption>{{ caption }}</figcaption>
</figure>
{
  "items": [
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Bollettino Boshi",
      "abstract": "Il Bollettino è la mia newsletter informale, spedita a cadenza imprevedibile. "
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/bottiato.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/bottiato.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Franco Bottiato",
      "abstract": "Un bot per Facebook Messenger, con la personalità di Franco Bottiato."
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Radio Boshi",
      "abstract": "Un canale Telegram di messaggi vocali inaspettati."
    }
  ],
  "_keys": [
    "type",
    "items"
  ],
  "type": "post-preview",
  "img": {
    "src": "/img/placeholder.jpg",
    "alt": "alt text"
  },
  "caption": "Caption after image",
  "hasShadow": true
}
  • Content:
    # Figure
    
    Note: a differenza di image ha la figcaption (default)
    
    Varianti:
    - senza ombra (default)
    
    - con ombra (--hasShadow)
    
  • URL: /components/raw/figure/figure.md
  • Filesystem Path: src/components/01-atoms/figure/figure.md
  • Size: 127 Bytes

Variante con ombra