Formularios: Rangos en Ionic

Los rangos en ionic se pueden utilizar para escoger el nivel de algo. Se representan por el valor actual y los límites máximo y mínimo que puede alcanzar.

Introduciendo Rangos en Ionic

Los rangos deben de ser utilizados dentro de un elemento item. Se utiliza la clase range tras la clase item. Esto prepara el contenedor donde se crea el input que tiene como atributos el nombre el valor por defecto y los valores máximo y mínimo.

En el siguiente ejemplo vemos como funciona:

<div class="list">
    <div class="item range ">
        <i class="icon ion-ios-sunny-outline"></i>
        <input type="range" name="volume" min="0" max="100" value="33">
        <i class="icon ion-ios-sunny"></i>
    </div>
</div>

range
De esta forma ya vemos cómo se pueden ir colocando los rangos para nuestras aplicaciones