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

42 lines
1.1 KiB
Vue
Raw Normal View History

2024-09-19 07:36:09 +00:00
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores debitis praesentium aliquam.</p>
<Divider align="left" type="solid">
<b>Left</b>
</Divider>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium.</p>
<Divider align="center" type="dotted">
<b>Center</b>
</Divider>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum saepe eveniet ut et voluptates.</p>
<Divider align="right" type="dashed">
<b>Right</b>
</Divider>
</div>
</DocPTViewer>
</template>
<script>
import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
docs: [
{
data: getPTOptions('Divider'),
key: 'Divider'
}
]
};
}
};
</script>