Kaydırıcı
mdui kaydırıcıları, HTML5'in <input type="range" /> giriş kutusu kullanılarak uygulanır.
Kullanım
Kaydırıcı bileşenleri, sayfa yüklendikten sonra otomatik olarak başlatılır. Dinamik olarak oluşturulan kaydırıcılar için başlatma amacıyla mdui.mutation() çağrılmalıdır.
Renkler
Vurgu rengini kullanın.
İlgili Okumalar
<label class="mdui-slider">
<input type="range" step="0.1" min="0" max="100"/>
</label><label class="mdui-slider mdui-slider-discrete">
<input type="range" step="1" min="0" max="100"/>
</label>Devre dışı durum
Sürekli veya aralıklı kaydırıcının input öğesine disabled özniteliğini ekleyerek kaydırıcıyı devre dışı bırakabilirsiniz.
Sürekli kaydırıcı:
<!-- Varsayılan değer 0 -->
<label class="mdui-slider">
<input type="range" step="0.1" min="0" max="100" value="0" disabled/>
</label>
<!-- Varsayılan değer 0 değil -->
<label class="mdui-slider">
<input type="range" step="0.1" min="0" max="100" value="50" disabled/>
</label>Aralıklı kaydırıcı:
<!-- Varsayılan değer 0 -->
<label class="mdui-slider mdui-slider-discrete">
<input type="range" step="1" min="0" max="100" value="0" disabled/>
</label>
<!-- Varsayılan değer 0 değil -->
<label class="mdui-slider mdui-slider-discrete">
<input type="range" step="1" min="0" max="100" value="50" disabled/>
</label>Dinamik olarak oluşturulan kaydırıcı
Kaydırıcı bileşeniniz dinamik olarak oluşturulmuşsa, başlatmak için mdui.mutation() çağırmanız gerekir.
Kaydırıcı değerini dinamik olarak değiştirdiyseniz, kaydırıcı bileşenini yeniden başlatmak için mdui.updateSliders() metodunu çağırmanız gerekir. Bu metod, yeniden başlatılacak kaydırıcıları belirtmek için .mdui-slider sınıfını içeren bir CSS seçicisi, bir DOM öğesi veya bir DOM öğesi dizisi olabilir. Eğer parametre girilmezse, sayfadaki tüm kaydırıcılar yeniden başlatılır.