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

Slider pt demo updated

pull/3938/head
Bahadır Sofuoğlu 2023-05-08 15:43:48 +03:00
parent ebab3c2893
commit d4c79862fb
1 changed files with 48 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
doc/slider/pt/PTDoc.vue
View File

@ -1,7 +1,18 @@
<template>
<DocSectionText v-bind="$attrs"> </DocSectionText>
<div class="card flex justify-content-center">
<Slider v-model="value" class="w-14rem" />
<Slider
v-model="value"
class="w-14rem"
:pt="{
handle: () => ({
class: 'bg-orange-400 border-900'
}),
range: () => ({
class: 'bg-orange-400'
})
}"
/>
</div>
<DocSectionCode :code="code" />
</template>
@ -13,11 +24,33 @@ export default {
value: null,
code: {
basic: `
<Slider v-model="value" class="w-14rem" />`,
<Slider
v-model="value"
class="w-14rem"
:pt="{
handle: () => ({
class: 'bg-orange-400 border-900'
}),
range: () => ({
class: 'bg-orange-400'
})
}"
/>`,
options: `
<template>
<div class="card flex justify-content-center">
<Slider v-model="value" class="w-14rem" />
<Slider
v-model="value"
class="w-14rem"
:pt="{
handle: () => ({
class: 'bg-orange-400 border-900'
}),
range: () => ({
class: 'bg-orange-400'
})
}"
/>
</div>
</template>
@ -33,7 +66,18 @@ export default {
composition: `
<template>
<div class="card flex justify-content-center">
<Slider v-model="value" class="w-14rem" />
<Slider
v-model="value"
class="w-14rem"
:pt="{
handle: () => ({
class: 'bg-orange-400 border-900'
}),
range: () => ({
class: 'bg-orange-400'
})
}"
/>
</div>
</template>