Add custom edit shipping checkbox

Support
#1

As the title says, I am updating my template and I want to add the: “edit shipping checkbox” but both the following options dont work:

<edit-shipping-address-button></edit-shipping-address-button>

<div class="snipcart-form__field">
    <div class="snipcart-form__field-checkbox">
        <snipcart-checkbox name="useDifferentShippingAddress" />
        <snipcart-label class="snipcart__font--tiny snipcart-form__label--checkbox" for="useDifferentShippingAddress">
            {{ $localize('billing.use_different_shipping_address') }}
        </snipcart-label>
    </div>
</div>

Any help is appreciated

Complete template:

<billing>
    <div class="snipcart__box">
        <fieldset class="snipcart-form__set">
            <div class="snipcart__box--header">
                <div class="snipcart__box--title">
                    <div
                        class="snipcart__box--badge snipcart__box--badge snipcart__box--badge-highlight snipcart__font--bold snipcart__font--secondary">
                        {{ number }}</div>
                    <h1 class="snipcart__font--subtitle">
                        {{ $localize('billing.title') }}
                    </h1>
                </div>
            </div>

            <div class="snipcart-form__field">
                <snipcart-label class="snipcart__font--tiny" for="name">
                    {{ $localize('address_form.name') }}
                </snipcart-label>

                <snipcart-input name="name"></snipcart-input>
                <snipcart-error-message name="name"></snipcart-error-message>
            </div>

            <div class="snipcart-form__field">
                <snipcart-label class="snipcart__font--tiny" for="email">
                    {{ $localize('address_form.email' )}}
                </snipcart-label>

                <snipcart-input name="email" v-if="!emailIsReadonly"></snipcart-input>
                <span class="snipcart-input--readonly snipcart__font--secondary snipcart__font--bold" v-else>{{
                    customer.email }}</span>
                <snipcart-error-message name="email"></snipcart-error-message>
            </div>

            <div class="snipcart-form__row">
                <div class="snipcart-form__field snipcart-form__cell--tidy">
                    <snipcart-label class="snipcart__font--tiny" for='vatNumber'>btw-nummer</snipcart-label>
                    <snipcart-input id="btwnummer" name='vatNumber' value='' onfocus="checkme('btwnummer')">
                    </snipcart-input>
                    <snipcart-error-message name="vatNumber"></snipcart-error-message>
                    <label id="ongeldigBTW"
                        class="hide-error snipcart-error-message snipcart-error-message--input snipcart__font--tiny"
                        for='vat'>ongeldig btw-nummer, vul een geldig btw nummer in bijvoorbeeld: NL850150784B01</label>
                    <label id="veranderBTW" class="hide-error snipcart-error-message snipcart-error-message--input"
                        for='vat'>verwijder de BTW om de adres gegevens van de factuur te veranderen</label>
                </div>
                <div class="snipcart-form__field snipcart-form__cell--tidy">
                    <snipcart-label class="snipcart__font--tiny" for="bttn">?</snipcart-label>
                    <button id="checkbtwbtn" class="snipcart-base-button snipcart-button-primary" type='button'
                        value='Check VAT' name='bttn' onClick="startbtwcheck()">check</button>
                    <snipcart-label class="snipcart__font--tiny" for="bttn">?</snipcart-label>
                </div>
                <div class="snipcart-form__field snipcart-form__cell--tidy">
                    <snipcart-label class="snipcart__font--tiny" for="bttn">?</snipcart-label>
                    <button id="checkbtwbtn" class="snipcart-base-button snipcart-button-primary" type='button'
                        value='Check VAT' name='bttn' onClick="deletebtw()">verwijder btw</button>
                    <snipcart-label class="snipcart__font--tiny" for="bttn">?</snipcart-label>
                </div>
            </div>

            <address-fields></address-fields>

            <div class="snipcart-form__field">
                <div class="snipcart-form__field-checkbox">
                    <snipcart-checkbox name="useDifferentShippingAddress" />
                    <snipcart-label class="snipcart__font--tiny snipcart-form__label--checkbox"
                        for="useDifferentShippingAddress">
                        {{ $localize('billing.use_different_shipping_address') }}
                    </snipcart-label>
                </div>
            </div>

            <div class="snipcart-form__field">
                <div class="snipcart-form__field-checkbox">
                    <snipcart-checkbox name="Algemene voorwaarden" required></snipcart-checkbox>
                    <snipcart-label class="snipcart__font--tiny snipcart-form__label--checkbox"
                        for="Algemene voorwaarden">
                        <span>/ja akkoord/<a href="https:///fwebsite///algemene-voorwaarden-url/"
                                style="display:inline;color:blue;" target="_blank">/Algemene-voorwaarden/</a></span>
                    </snipcart-label>
                </div>
            </div>

            <div class="snipcart-form__footer">
                <snipcart-submit :label="labelSubmit"></snipcart-submit>
            </div>
        </fieldset>
    </div>
</billing>