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

Merged new Docs and Demos

Browse source
This commit is contained in:
Cagatay Civici 2023-02-28 11:29:30 +03:00
parent 296cc217fb
commit dfcc8ef4e7
1235 changed files with 130757 additions and 122640 deletions
Download patch file Download diff file Expand all files Collapse all files

167
pages/menubar/index.vue
View file

@ -1,168 +1,45 @@
<template>
<div>
<Head>
<Title>Vue Navbar Component</Title>
<Meta name="description" content="Menubar is a horizontal menu component." />
</Head>
<div class="content-section introduction">
<div class="feature-intro">
<h1>Menubar</h1>
<p>Menubar is a horizontal menu component.</p>
</div>
<AppDemoActions />
</div>
<div class="content-section implementation">
<div class="card">
<Menubar :model="items">
<template #start>
<img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" height="40" class="mr-2" />
</template>
<template #end>
<InputText placeholder="Search" type="text" />
</template>
</Menubar>
</div>
</div>
<MenubarDoc />
</div>
<DocComponent title="Vue Navbar Component" header="Navbar" description="Menubar also known as Navbar, is a horizontal menu component." :componentDocs="docs" :apiDocs="['Menubar', 'MenuItem']" />
</template>
<script>
import MenubarDoc from './MenubarDoc';
import AccessibilityDoc from '@/doc/menubar/accessibilitydoc';
import BasicDoc from '@/doc/menubar/basicdoc';
import ImportDoc from '@/doc/menubar/importdoc';
import StyleDoc from '@/doc/menubar/styledoc';
import TemplateDoc from '@/doc/menubar/templatedoc';
export default {
data() {
return {
items: [
docs: [
{
label: 'File',
icon: 'pi pi-fw pi-file',
items: [
{
label: 'New',
icon: 'pi pi-fw pi-plus',
items: [
{
label: 'Bookmark',
icon: 'pi pi-fw pi-bookmark'
},
{
label: 'Video',
icon: 'pi pi-fw pi-video'
}
]
},
{
label: 'Delete',
icon: 'pi pi-fw pi-trash'
},
{
separator: true
},
{
label: 'Export',
icon: 'pi pi-fw pi-external-link'
}
]
id: 'import',
label: 'Import',
component: ImportDoc
},
{
label: 'Edit',
icon: 'pi pi-fw pi-pencil',
items: [
{
label: 'Left',
icon: 'pi pi-fw pi-align-left'
},
{
label: 'Right',
icon: 'pi pi-fw pi-align-right'
},
{
label: 'Center',
icon: 'pi pi-fw pi-align-center'
},
{
label: 'Justify',
icon: 'pi pi-fw pi-align-justify'
}
]
id: 'basic',
label: 'Basic',
component: BasicDoc
},
{
label: 'Users',
icon: 'pi pi-fw pi-user',
items: [
{
label: 'New',
icon: 'pi pi-fw pi-user-plus'
},
{
label: 'Delete',
icon: 'pi pi-fw pi-user-minus'
},
{
label: 'Search',
icon: 'pi pi-fw pi-users',
items: [
{
label: 'Filter',
icon: 'pi pi-fw pi-filter',
items: [
{
label: 'Print',
icon: 'pi pi-fw pi-print'
}
]
},
{
icon: 'pi pi-fw pi-bars',
label: 'List'
}
]
}
]
id: 'template',
label: 'Template',
component: TemplateDoc
},
{
label: 'Events',
icon: 'pi pi-fw pi-calendar',
items: [
{
label: 'Edit',
icon: 'pi pi-fw pi-pencil',
items: [
{
label: 'Save',
icon: 'pi pi-fw pi-calendar-plus'
},
{
label: 'Delete',
icon: 'pi pi-fw pi-calendar-minus'
}
]
},
{
label: 'Archieve',
icon: 'pi pi-fw pi-calendar-times',
items: [
{
label: 'Remove',
icon: 'pi pi-fw pi-calendar-minus'
}
]
}
]
id: 'style',
label: 'Style',
component: StyleDoc
},
{
label: 'Quit',
icon: 'pi pi-fw pi-power-off'
id: 'accessibility',
label: 'Accessibility',
component: AccessibilityDoc
}
]
};
},
components: {
MenubarDoc: MenubarDoc
}
};
</script>