primevue-mirror/doc/rating/pt/PTDoc.vue

70 lines
1.3 KiB
Vue
Raw Normal View History

2023-05-06 20:34:27 +00:00
<template>
<DocSectionText v-bind="$attrs"> </DocSectionText>
<div class="card flex justify-content-center">
2023-05-08 12:39:26 +00:00
<Rating
v-model="value"
:pt="{
2023-05-09 09:18:10 +00:00
onIcon: { class: 'text-orange-400' }
2023-05-08 12:39:26 +00:00
}"
/>
2023-05-06 20:34:27 +00:00
</div>
<DocSectionCode :code="code" />
</template>
<script>
export default {
data() {
return {
value: null,
code: {
basic: `
2023-05-08 12:39:26 +00:00
<Rating
v-model="value"
:pt="{
2023-05-09 09:18:10 +00:00
onIcon: { class: 'text-orange-400' }
2023-05-08 12:39:26 +00:00
}"
/>`,
2023-05-06 20:34:27 +00:00
options: `
<template>
<div class="card flex justify-content-center">
2023-05-08 12:39:26 +00:00
<Rating
v-model="value"
:pt="{
2023-05-09 09:18:10 +00:00
onIcon: { class: 'text-orange-400' }
2023-05-08 12:39:26 +00:00
}"
/>
2023-05-06 20:34:27 +00:00
</div>
</template>
<script>
export default {
data() {
return {
value: null
}
}
};
<\/script>`,
composition: `
<template>
<div class="card flex justify-content-center">
2023-05-08 12:39:26 +00:00
<Rating
v-model="value"
:pt="{
2023-05-09 09:18:10 +00:00
onIcon: { class: 'text-orange-400' }
2023-05-08 12:39:26 +00:00
}"
/>
2023-05-06 20:34:27 +00:00
</div>
</template>
<script setup>
import { ref } from 'vue';
const value = ref(null);
<\/script>`
}
};
}
};
</script>