2022-09-09 20:41:18 +00:00
< template >
2023-04-10 11:56:07 +00:00
< DocComponent title = "Vue Divider Component" header = "Divider" description = "Divider is used to separate contents." :componentDocs ="docs" :apiDocs ="['Divider']" :ptTabComponent ="ptComponent" / >
2022-09-09 20:41:18 +00:00
< / template >
< script >
2023-02-28 08:29:30 +00:00
import AccessibilityDoc from '@/doc/divider/AccessibilityDoc.vue' ;
import BasicDoc from '@/doc/divider/BasicDoc.vue' ;
import ContentDoc from '@/doc/divider/ContentDoc.vue' ;
import ImportDoc from '@/doc/divider/ImportDoc.vue' ;
import LoginDoc from '@/doc/divider/LoginDoc.vue' ;
import StyleDoc from '@/doc/divider/StyleDoc.vue' ;
import TypeDoc from '@/doc/divider/TypeDoc.vue' ;
import VerticalDoc from '@/doc/divider/VerticalDoc.vue' ;
2023-04-10 11:56:07 +00:00
import PTComponent from '@/doc/divider/pt/index.vue' ;
2022-09-09 20:41:18 +00:00
export default {
2023-02-28 08:29:30 +00:00
data ( ) {
return {
docs : [
{
id : 'import' ,
label : 'Import' ,
component : ImportDoc
} ,
{
id : 'basic' ,
label : 'Basic' ,
component : BasicDoc
} ,
{
id : 'type' ,
label : 'Type' ,
component : TypeDoc
} ,
{
id : 'vertical' ,
label : 'Vertical' ,
component : VerticalDoc
} ,
{
id : 'content' ,
label : 'Content' ,
component : ContentDoc
} ,
{
id : 'login' ,
label : 'Login' ,
component : LoginDoc
} ,
{
id : 'style' ,
label : 'Style' ,
component : StyleDoc
} ,
{
id : 'accessibility' ,
label : 'Accessibility' ,
component : AccessibilityDoc
}
2023-04-10 11:56:07 +00:00
] ,
ptComponent : PTComponent
2023-02-28 08:29:30 +00:00
} ;
2022-09-09 20:41:18 +00:00
}
} ;
< / script >