primevue-mirror/apps/showcase/doc/badge/pt/PTViewer.vue

33 lines
782 B
Vue

<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<div class="flex flex-wrap gap-8">
<Badge value="2"></Badge>
<OverlayBadge value="3">
<i class="pi pi-bell" style="font-size: 2rem" />
</OverlayBadge>
</div>
</DocPTViewer>
</template>
<script>
import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
{
data: getPTOptions('Badge'),
key: 'Badge'
},
{
data: getPTOptions('OverlayBadge'),
key: 'OverlayBadge'
}
]
};
}
};
</script>