vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

decimal step added to docs

pull/1196/head^2
Tuğçe Küçükoğlu 2021-05-14 11:31:52 +03:00
parent fd15103171
commit 8a749d4f25
2 changed files with 31 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/slider/SliderDemo.vue
View File

@ -20,11 +20,14 @@
<h5>Step: {{value3}}</h5>
<Slider v-model="value3" :step="20" />
<h5>Range: {{value4}}</h5>
<Slider v-model="value4" :range="true" />
<h5>Decimal Step: {{value4}}</h5>
<Slider v-model="value4" :step="0.5" />
<h5>Vertical: {{value5}}</h5>
<Slider v-model="value5" orientation="vertical" />
<h5>Range: {{value5}}</h5>
<Slider v-model="value5" :range="true" />
<h5>Vertical: {{value6}}</h5>
<Slider v-model="value6" orientation="vertical" />
</div>
</div>
@ -41,8 +44,9 @@ export default {
value1: null,
value2: 50,
value3: 20,
value4: [20,80],
value5: 50
value4: 30.5,
value5: [20,80],
value6: 50
}
},
components: {

34
src/views/slider/SliderDoc.vue
View File

@ -193,11 +193,14 @@ export default {
<h5>Step: {{value3}}</h5>
<Slider v-model="value3" :step="20" />
<h5>Range: {{value4}}</h5>
<Slider v-model="value4" :range="true" />
<h5>Decimal Step: {{value4}}</h5>
<Slider v-model="value4" :step="0.5" />
<h5>Vertical: {{value5}}</h5>
<Slider v-model="value5" orientation="vertical" />
<h5>Range: {{value5}}</h5>
<Slider v-model="value5" :range="true" />
<h5>Vertical: {{value6}}</h5>
<Slider v-model="value6" orientation="vertical" />
</div>
</template>
@ -208,8 +211,9 @@ export default {
value1: null,
value2: 50,
value3: 20,
value4: [20,80],
value5: 50
value4: 30.5,
value5: [20,80],
value6: 50
}
}
}
@ -239,11 +243,14 @@ export default {
<h5>Step: {{value3}}</h5>
<Slider v-model="value3" :step="20" />
<h5>Range: {{value4}}</h5>
<Slider v-model="value4" :range="true" />
<h5>Decimal Step: {{value4}}</h5>
<Slider v-model="value4" :step="0.5" />
<h5>Vertical: {{value5}}</h5>
<Slider v-model="value5" orientation="vertical" />
<h5>Range: {{value5}}</h5>
<Slider v-model="value5" :range="true" />
<h5>Vertical: {{value6}}</h5>
<Slider v-model="value6" orientation="vertical" />
</div>
</template>
@ -255,10 +262,11 @@ export default {
const value1 = ref(null);
const value2 = ref(50);
const value3 = ref(20);
const value4 = ref([20,80]);
const value5 = ref(50);
const value4 = ref(30.5);
const value5 = ref([20,80]);
const value6 = ref(50);
return { value1, value2, value3, value4, value5 }
return { value1, value2, value3, value4, value5, value6 }
}
}
<\\/script>