vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update carousel docs

Browse source
This commit is contained in:
Cagatay Civici 2023-10-25 12:14:33 +03:00
parent eeee947dbc
commit 7d9545964d
6 changed files with 104 additions and 384 deletions
Download patch file Download diff file Expand all files Collapse all files

42
doc/carousel/ResponsiveDoc.vue
View file

@ -17,10 +17,9 @@
<h4 class="mb-1">{{ slotProps.data.name }}</h4>
<h6 class="mt-0 mb-3">${{ slotProps.data.price }}</h6>
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" />
<div class="mt-5">
<Button icon="pi pi-search" rounded class="mr-2" />
<Button icon="pi pi-star-fill" rounded severity="success" class="mr-2" />
<Button icon="pi pi-cog" rounded severity="help" />
<div class="mt-5 flex align-items-center justify-content-center gap-2">
<Button icon="pi pi-search" rounded />
<Button icon="pi pi-star-fill" rounded severity="secondary" />
</div>
</div>
</div>
@ -39,7 +38,12 @@ export default {
products: null,
responsiveOptions: [
{
breakpoint: '1199px',
breakpoint: '1400px',
numVisible: 2,
numScroll: 1
},
{
breakpoint: '1200px',
numVisible: 1,
numScroll: 1
},
@ -66,10 +70,9 @@ export default {
<h4 class="mb-1">{{ slotProps.data.name }}</h4>
<h6 class="mt-0 mb-3">\${{ slotProps.data.price }}</h6>
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" />
<div class="mt-5">
<Button icon="pi pi-search" rounded class="mr-2" />
<Button icon="pi pi-star-fill" rounded severity="success" class="mr-2" />
<Button icon="pi pi-cog" rounded severity="help" />
<div class="mt-5 flex align-items-center justify-content-center gap-2">
<Button icon="pi pi-search" rounded />
<Button icon="pi pi-star-fill" rounded severity="secondary" />
</div>
</div>
</div>
@ -89,10 +92,9 @@ export default {
<h4 class="mb-1">{{ slotProps.data.name }}</h4>
<h6 class="mt-0 mb-3">\${{ slotProps.data.price }}</h6>
<Tag :value="slotProps.data.inventoryStatus" :severity="getSeverity(slotProps.data.inventoryStatus)" />
<div class="mt-5">
<Button icon="pi pi-search" rounded class="mr-2" />
<Button icon="pi pi-star-fill" rounded severity="success" class="mr-2" />
<Button icon="pi pi-cog" rounded severity="help" />
<div class="mt-5 flex align-items-center justify-content-center gap-2">
<Button icon="pi pi-search" rounded />
<Button icon="pi pi-star-fill" rounded severity="secondary" />
</div>
</div>
</div>
@ -110,7 +112,12 @@ export default {
products: null,
responsiveOptions: [
{
breakpoint: '1199px',
breakpoint: '1400px',
numVisible: 2,
numScroll: 1
},
{
breakpoint: '1200px',
numVisible: 1,
numScroll: 1
},
@ -186,7 +193,12 @@ onMounted(() => {
const products = ref();
const responsiveOptions = ref([
{
breakpoint: '1199px',
breakpoint: '1400px',
numVisible: 2,
numScroll: 1
},
{
breakpoint: '1200px',
numVisible: 1,
numScroll: 1
},