JSFiddle - React, Tailwind, and code Playground
by Artem Borovikov
HTML
<div class="section section--shipping-method">
<div class="section__header">
<h2 class="section__title">Shipping method</h2>
</div>
<div class="section__content">
<div class="content-box" data-shipping-methods="">
<div class="content-box__row">
<div class="radio-wrapper" data-shipping-method="shopify-Free%20International%20Shipping-0.00">
<div class="radio__input">
<input class="input-radio" data-checkout-total-shipping="Free" data-checkout-total-shipping-cents="0" data-checkout-shipping-rate="Free" data-checkout-original-shipping-rate="Free" data-checkout-total-taxes="$0.00" data-checkout-total-taxes-cents="0"
data-checkout-total-price="$119.80" data-checkout-total-price-cents="11980" data-checkout-payment-due="$119.80" data-checkout-payment-due-cents="11980" data-checkout-payment-subform="required" data-checkout-subtotal-price="$119.80"
data-checkout-subtotal-price-cents="11980" data-backup="shopify-Free%20International%20Shipping-0.00" aria-label="Free International Shipping. Free" type="radio" value="shopify-Free%20International%20Shipping-0.00" name="checkout[shipping_rate][id]"
id="checkout_shipping_rate_id_shopify-free20international20shipping-000" checked="checked">
</div>
<label class="radio__label" aria-hidden="true" for="checkout_shipping_rate_id_shopify-free20international20shipping-000">
<span class="radio__label__primary" data-shipping-method-label-title="Free International Shipping">
Free International Shipping
</span>
<span class="radio__label__accessory">
<span class="content-box__emphasis">
Free
</span>
</span>
</label> </div>
<!-- /radio-wrapper-->
</div>
</div>
</div>
</div>