Kistenkoning components for Magento 2

Btwswitcher 

<div class="btwswitcher flex-dir--c select">
    <label class="label btwswitcher__label">Toon prijzen</label>
    <span class="btwswitcher__form position-relative">
        <form method="post" action="https://kappersmagazijn.test/taxswitch/index/switch/" data-children-count="1">
            <span class="select2-selection__arrow  btwswitcher__arrow position-absolute right-xs" role="presentation">
                <svg class="icon " role="img">
                    <use xlink:href="/images/icons-sprite.svg#undefined"></use>
                </svg>

            </span>
            <input type="hidden" name="form_key" value="hine6EB6uXUbnVR7">
            <select name="blah" class="select__field btwswitcher__select" onchange="this.form.submit()">
                <option value="2" selected="">Incl. BTW</option>
                <option value="1">Excl. BTW</option>
                <option value="3">Beide</option>
            </select>
        </form>
    </span>
</div>
 
<div class="btwswitcher flex-dir--c select">
    <label class="label btwswitcher__label">Toon prijzen</label>
    <span class="btwswitcher__form position-relative">
		<form method="post" action="https://kappersmagazijn.test/taxswitch/index/switch/" data-children-count="1">
            <span class="select2-selection__arrow  btwswitcher__arrow position-absolute right-xs" role="presentation">
                {{render '@icon' icon }}
            </span>
			<input type="hidden" name="form_key" value="hine6EB6uXUbnVR7">
            <select name="blah" class="select__field btwswitcher__select" onchange="this.form.submit()">
                <option value="2" selected="">Incl. BTW</option>
                <option value="1">Excl. BTW</option>
                <option value="3">Beide</option>
             </select>
        </form>
	</span>
</div>
 
{
  "icon": {
    "icon": {
      "title": "Scroll to top",
      "id": "arrow-down",
      "hidden": false,
      "class": "btwswitcher__icon"
    }
  }
}
  • Content: 
    .btwswitcher {
    width: 100%;
    &__label {
        display: flex;
        justify-content: flex-start;
        margin-top: $spacer--semi-medium;
    }
    &__select {
        width: 100%;
        background: transparent;
    }
    &__arrow {
        right: $spacer--small;
        height: 100%;
        top: 0;
    }
    &__icon {
        height: 100%;
    }
}
  • URL: /components/raw/btwswitcher/_btwswitcher.scss
  • Filesystem Path: build/components/Organisms/btwswitcher/_btwswitcher.scss
  • Size: 365 Bytes

There are no notes for this item.