Deslizador

    Utilice el componente deslizante para permitir al usuario seleccionar un valor único o especificar un rango de valores eligiendo valores para ambos extremos. El control deslizante es visualmente idéntico a la Ignite UI for Angular

    Slider Demo

    Type

    El control deslizante permite al usuario elegir entre dos tipos: continuo y discreto.

    Thumbs

    El control deslizante ofrece una variante con un pulgar para seleccionar un valor único y con dos pulgares para especificar un rango.

    State

    El control deslizante admite los estados habilitado y deshabilitado, lo que refleja la posibilidad de cambiar los valores. En Figma, puede cambiar entre los dos usando la propiedad booleana Disabled en el panel de propiedades de la derecha. En Sketch, tenemos diferentes símbolos para los diferentes estados. En Adobe XD, utilizamos el paradigma Component States para permitirle cambiar fácilmente entre estados.

    Estilismo

    El control deslizante ofrece flexibilidad de estilo a través de las opciones disponibles para los colores de fondo de la etiqueta, pulgar, pista y pista base.

    Usage

    El color de la pista del control deslizante siempre debe tener un mayor énfasis que el color base de la pista y tanto los controles deslizantes de valor único como de rango deben tener un estilo consistente.

    Hacer No

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.