Slider
Tek değer ve aralık; değer etiketi ve işaretler.
Form
VSlider · VRangeSlider
3 örnek
Tek değer
Kodu göster
blade
<div class="sc-col sc-narrow">
<armada:slider label="Ses" :value="60" suffix="%" />
<armada:slider label="Opaklık" :min="0" :max="1" :step="0.05" :value="0.8" />
</div>Aralık
İki tutamaçlı fiyat aralığı.
Kodu göster
blade
<div class="sc-narrow">
<armada:slider label="Fiyat aralığı" range :min="0" :max="5000" :step="50" :value="[750, 3200]" suffix=" ₺" />
</div>İşaretler
Kodu göster
blade
<div class="sc-narrow">
<armada:slider label="Kalite" :min="0" :max="100" :step="25" :value="50" :ticks="[0, 25, 50, 75, 100]" :show-value="false" />
</div>Özellikler
<armada:slider>
| Prop | Varsayılan | Not |
|---|---|---|
label |
null |
|
description |
null |
|
name |
null |
|
min |
0 |
|
max |
100 |
|
step |
1 |
|
value |
null |
number, or [from, to] with range |
range |
false |
|
show-value |
true |
|
suffix |
'' |
|
ticks |
null |
e.g. [0, 25, 50, 75, 100] |