<figure>
    <img loading="lazy" class="o-shadow" src="https://source.unsplash.com/800x600/?css" alt="alt text">
    <figcaption>Caption after image</figcaption>
</figure>
<figure>
  <img loading="lazy" {% if hasShadow %}class="o-shadow"{% endif %} src="{{ img.src }}" alt="{{ img.alt }}">
  <figcaption>{{ caption }}</figcaption>
</figure>
{
  "img": {
    "src": "https://source.unsplash.com/800x600/?css",
    "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/01-basic/figure/figure.md
  • Size: 127 Bytes

Variante con ombra