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.