Cp Travel Around Toggles 

<div class="travel-around-toggles">
    <button class="travel-around-toggles__toggle travel-around-toggles__toggle--active" data-travel-method="car" aria-label="car">
        <span class="travel-around-toggles__icon travel-around-toggles__icon--car"></span>
        <span class="travel-around-toggles__label">car</span>
    </button>
    <button class="travel-around-toggles__toggle " data-travel-method="train" aria-label="train">
        <span class="travel-around-toggles__icon travel-around-toggles__icon--train"></span>
        <span class="travel-around-toggles__label">train</span>
    </button>
    <button class="travel-around-toggles__toggle " data-travel-method="bus" aria-label="bus">
        <span class="travel-around-toggles__icon travel-around-toggles__icon--bus"></span>
        <span class="travel-around-toggles__label">bus</span>
    </button>
    <button class="travel-around-toggles__toggle " data-travel-method="cycle" aria-label="cycle">
        <span class="travel-around-toggles__icon travel-around-toggles__icon--cycle"></span>
        <span class="travel-around-toggles__label">cycle</span>
    </button>
</div>
 
<div class="travel-around-toggles">
  {{> @cp-travel-around-toggle label="car" active=true}}
  {{> @cp-travel-around-toggle label="train"}}
  {{> @cp-travel-around-toggle label="bus"}}
  {{> @cp-travel-around-toggle label="cycle"}}
</div>
 
/* No context defined for this component. */

There are no notes for this item.