Box radio Slider

<div class="form-element form-box-radio-slider"

     x-data="boxCheckboxSlider()">

    <div x-ref="controler" class="controler"></div>

    <div class="label-wrapper" x-ref="wrapper">

        <label for="left">

            <input @click="changeInput()" type="radio" value="vehicule" name="vehicule" id="left" checked>

            <span>Véhicule</span>

        </label>

        <label for="right">

            <input @click="changeInput()" type="radio" value="moto" name="vehicule" id="right">

            <span>Moto</span>

        </label>

    </div>

</div>

<div class="form-element form-box-radio-slider form-box-radio-slider--large"

     x-data="boxCheckboxSlider()">

    <div x-ref="controler" class="controler"></div>

    <div class="label-wrapper" x-ref="wrapper">

        <label for="left-big">

            <input @click="changeInput()" type="radio" value="particulier" name="big" id="left-big" checked>

            <span>Particulier</span>

        </label>

        <label for="right-big">

            <input @click="changeInput()" type="radio" value="professionnel" name="big" id="right-big">

            <span>Professionnel</span>

        </label>

    </div>

</div>