2022-09-09 20:41:18 +00:00
< template >
2023-04-28 06:58:06 +00:00
< DocComponent title = "Vue PanelMenu Component" header = "PanelMenu" description = "PanelMenu is a hybrid of accordion-tree components." :componentDocs ="docs" : apiDocs = "['PanelMenu', 'MenuItem']" :ptTabComponent ="ptComponent" / >
2022-09-09 20:41:18 +00:00
< / template >
< script >
2023-02-28 08:29:30 +00:00
import AccessibilityDoc from '@/doc/panelmenu/AccessibilityDoc' ;
import BasicDoc from '@/doc/panelmenu/BasicDoc' ;
import ImportDoc from '@/doc/panelmenu/ImportDoc' ;
import MultipleDoc from '@/doc/panelmenu/MultipleDoc' ;
import ProgrammaticDoc from '@/doc/panelmenu/ProgrammaticDoc' ;
import StyleDoc from '@/doc/panelmenu/StyleDoc' ;
2023-04-28 06:58:06 +00:00
import PTComponent from '@/doc/panelmenu/pt/index.vue' ;
2022-09-09 20:41:18 +00:00
export default {
data ( ) {
return {
2023-02-28 08:29:30 +00:00
docs : [
{
id : 'import' ,
label : 'Import' ,
component : ImportDoc
} ,
2022-09-09 20:41:18 +00:00
{
2023-02-28 08:29:30 +00:00
id : 'basic' ,
label : 'Basic' ,
component : BasicDoc
2022-09-09 20:41:18 +00:00
} ,
{
2023-02-28 08:29:30 +00:00
id : 'programmatic' ,
label : 'Programmatic' ,
component : ProgrammaticDoc
2022-09-09 20:41:18 +00:00
} ,
{
2023-02-28 08:29:30 +00:00
id : 'multiple' ,
label : 'Multiple' ,
component : MultipleDoc
2022-09-09 20:41:18 +00:00
} ,
{
2023-02-28 08:29:30 +00:00
id : 'style' ,
label : 'Style' ,
component : StyleDoc
} ,
{
id : 'accessibility' ,
label : 'Accessibility' ,
component : AccessibilityDoc
2022-09-09 20:41:18 +00:00
}
2023-04-28 06:58:06 +00:00
] ,
ptComponent : PTComponent
2022-09-09 20:41:18 +00:00
} ;
}
} ;
< / script >