Image

<img src="https://via.placeholder.com/800x532" alt="Image alt text" />
<img src="{{ src }}" alt="{{ alt_text }}" {% if modifier %}class="{{ modifier }}"{% endif %} />
{
  "src": "https://via.placeholder.com/800x532",
  "alt_text": "Image alt text"
}
  • Content:
    img {
      max-width: 100%;
      height: auto;
      border-radius: $radius-3;
    
      &.circle {
        border-radius: 50%;
      }
    
      &.no-style {
        border-radius: 0;
      }
    }
    
  • URL: /components/raw/image/_image.scss
  • Filesystem Path: components/21-atoms/image/_image.scss
  • Size: 155 Bytes

There are no notes for this item.