Alpaca components for Magento 2

Badges 

<div class="badges ">
    <div class="badge ">
        -15%
    </div>

    <div class="badge badge--new">
        new
    </div>

    <div class="badge ">
        Promotion
    </div>

</div>
 
<div class="badges {{ class }}">
    {{#each badges}}
        {{#if contentElement}}
            {{ render (component contentElement) contentContext merge="true"}}
        {{/if}}
    {{/each}}
</div>
 
{
  "badges": [
    {
      "contentElement": "badge"
    },
    {
      "contentElement": "badge--new"
    },
    {
      "contentElement": "badge",
      "contentContext": {
        "text": "Promotion"
      }
    }
  ]
}
  • Content: 
    .badges {
    position: absolute;
    display: flex;
    flex-direction: column;
}
  • URL: /components/raw/badges/_badges.scss
  • Filesystem Path: build/components/Organisms/badges/_badges.scss
  • Size: 83 Bytes

No notes defined.