primevue-mirror/apps/showcase/pages/passthrough/index.vue

77 lines
2.4 KiB
Vue
Raw Normal View History

2023-07-09 21:13:49 +00:00
<template>
<Head>
<Title>PrimeVue - Pass Through</Title>
2024-10-27 09:46:57 +00:00
<Meta name="description" content="The Pass Through attributes is an API to access the internal DOM Structure of the components." />
2023-07-09 21:13:49 +00:00
</Head>
<div class="doc">
<div class="doc-main">
<div class="doc-intro">
<h1>Pass Through</h1>
2024-10-27 09:46:57 +00:00
<p>The Pass Through attributes is an API to access the internal DOM Structure of the components.</p>
2023-07-09 21:13:49 +00:00
</div>
<DocSections :docs="docs" />
</div>
<DocSectionNav :docs="docs" />
</div>
</template>
<script>
2023-09-21 11:21:43 +00:00
import BasicDoc from '@/doc/passthrough/BasicDoc.vue';
import CustomCSSDoc from '@/doc/passthrough/CustomCSSDoc.vue';
2024-02-23 08:13:16 +00:00
import DeclarativeDoc from '@/doc/passthrough/DeclarativeDoc.vue';
2023-09-21 11:21:43 +00:00
import GlobalDoc from '@/doc/passthrough/GlobalDoc.vue';
2024-10-27 09:46:57 +00:00
import IntroductionDoc from '@/doc/passthrough/IntroductionDoc.vue';
2023-09-21 11:21:43 +00:00
import LifecycleDoc from '@/doc/passthrough/LifecycleDoc.vue';
2024-09-20 11:56:25 +00:00
import PCPrefixDoc from '@/doc/passthrough/PCPrefixDoc.vue';
2023-09-21 11:21:43 +00:00
import UsePassThroughDoc from '@/doc/passthrough/UsePassThroughDoc.vue';
2023-07-09 21:13:49 +00:00
export default {
data() {
return {
docs: [
2024-10-27 09:46:57 +00:00
{
id: 'introduction',
label: 'Introduction',
component: IntroductionDoc
},
2023-07-09 21:13:49 +00:00
{
id: 'basic',
label: 'Basic',
component: BasicDoc
},
2024-02-23 08:13:16 +00:00
{
id: 'declarative',
label: 'Declarative',
component: DeclarativeDoc
},
2024-09-20 11:56:25 +00:00
{
id: 'pcprefix',
label: 'PC Prefix',
component: PCPrefixDoc
},
2023-07-09 21:13:49 +00:00
{
id: 'lifecycle',
label: 'Lifecycle',
component: LifecycleDoc
},
{
id: 'global',
label: 'Global',
component: GlobalDoc
2023-08-06 15:12:36 +00:00
},
{
id: 'customcss',
label: 'Custom CSS',
component: CustomCSSDoc
2023-08-30 08:49:23 +00:00
},
{
id: 'usepassthrough',
label: 'UsePassThrough',
component: UsePassThroughDoc
2023-07-09 21:13:49 +00:00
}
]
};
}
};
</script>