near_me
Primeros pasos
keyboard_arrow_downlayers
Estilo
keyboard_arrow_downwidgets
Componentes
keyboard_arrow_downlocal_mall
Recursos
keyboard_arrow_downEl nuevo mdui 2 basado en Material Design 3 y Web Components ya está disponible. Consulta la documentación de mdui 2 ahora.
Efecto Ripple
El control deslizante de mdui se implementa con el campo de entrada HTML5 <code><input type="range" /></code>.
Modo de uso
El slider se inicializa automáticamente al cargar la página. Para los sliders generados dinámicamente, debes llamar a mdui.mutation() para inicializarlos.
Lectura relacionada
Ejemplo
<button class="mdui-btn mdui-ripple">button</button>
<button class="mdui-btn mdui-ripple mdui-color-blue">button</button>Estado deshabilitado
Ejemplo
<div class="mdui-ripple">
<img class="mdui-img-fluid" data-src="holder.js/100px250"/>
</div>Slider continuo
Slider generado dinámicamente
En el elemento input de un slider continuo o discreto, puedes añadir el atributo disabled para deshabilitarlo.
Ejemplo
<button class="mdui-btn mdui-ripple mdui-ripple-black mdui-color-yellow">black</button>
<button class="mdui-btn mdui-ripple mdui-ripple-white mdui-color-blue">white</button>
<button class="mdui-btn mdui-ripple mdui-ripple-red">red</button>
<button class="mdui-btn mdui-ripple mdui-ripple-blue">blue</button>