       <h2>Ticks</h2>
            <ion-range snaps="true" ticks="true" step="10" value="10%">
              <ion-icon name="volume-off" slot="start"></ion-icon>
              <ion-icon name="volume-high" slot="end"></ion-icon>
              <span slot="label">Temperature</span>
            </ion-range>
          </div>

          <div class="grid-item">
            <h2>Disabled</h2>
            <ion-range disabled="true">
              <ion-icon name="volume-off" slot="start"></ion-icon>
              <ion-