Vebego Component Library

Banner 

<div class="mol-banner  js--clickable">
    <picture class="atm-image ">
        <img class="" src="https://picsum.photos/id/239/750/200" alt="">
    </picture>
    <a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
 
<div class="mol-banner {{modifier}} {{#if link}}js--clickable{{/if}}">
    {{render '@image' image}}
    {{#if link}}
    {{render '@link' merge=true}}
    {{/if}}
</div>
 
{
  "modifier": "",
  "image": {
    "src": "https://picsum.photos/id/239/750/200"
  },
  "link": {}
}
  • Content: 
    .mol-banner {
    .atm-link {
        @apply hidden;
    }
}
  • URL: /components/raw/banner/banner.css
  • Filesystem Path: src\components\03-molecules\banner\banner.css
  • Size: 66 Bytes

No notes defined.