Vechtsport Online Components for Magento 2

Information 

<div class="information ">
        <h5 class="heading heading--fifth-level information__title">
            Balance
        </h5>

        <p class="information__text">
            Your balance is: $0.00
        </p>
    </div>
    <div class="information ">
        <h5 class="heading heading--fifth-level information__title">
            Redeem Gift Card
        </h5>

        <p class="information__text">
            Have a gift card? Click here to redeem it.
        </p>
    </div>
 
{{#each informations }}
    <div class="information {{ class }}">
        <{{headingTag}} class="heading heading--fifth-level information__title">
            {{ title }}
        </{{headingTag}}>

        <p class="information__text">
            {{ text }}
        </p>
    </div>
{{/each}}
 
{
  "informations": [
    {
      "title": "Balance",
      "text": "Your balance is: $0.00",
      "headingTag": "h5"
    },
    {
      "title": "Redeem Gift Card",
      "text": "Have a gift card? Click here to redeem it.",
      "headingTag": "h5"
    }
  ]
}
  • Content: 
    $information-margin: 15px !default;

.information {
    margin-bottom: $information-margin * 2;

    &__title {
        margin-bottom: $information-margin;
    }

    &__text {
        margin-bottom: 0;
    }
}
  • URL: /components/raw/information/_information.scss
  • Filesystem Path: build/components/02-elements/information/_information.scss
  • Size: 211 Bytes

There are no notes for this item.