2022-09-09 20:41:18 +00:00
< template >
2023-02-28 08:29:30 +00:00
< DocComponent title = "Vue Confirmation Dialog Component" header = "ConfirmDialog" description = "ConfirmDialog uses a Dialog UI that is integrated with the Confirmation API." :componentDocs ="docs" :apiDocs ="['ConfirmDialog']" / >
2022-09-09 20:41:18 +00:00
< / template >
< script >
2023-02-28 08:29:30 +00:00
import AccessibilityDoc from '@/doc/confirmdialog/AccessibilityDoc.vue' ;
import BasicDoc from '@/doc/confirmdialog/BasicDoc.vue' ;
import ConfirmationServiceDoc from '@/doc/confirmdialog/ConfirmationServiceDoc.vue' ;
import ImportDoc from '@/doc/confirmdialog/ImportDoc.vue' ;
import PositionDoc from '@/doc/confirmdialog/PositionDoc.vue' ;
import StyleDoc from '@/doc/confirmdialog/StyleDoc.vue' ;
import TemplateDoc from '@/doc/confirmdialog/TemplateDoc.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
2022-09-09 20:41:18 +00:00
} ,
2023-02-28 08:29:30 +00:00
{
id : 'confirmation-service' ,
label : 'Confirmation Service' ,
component : ConfirmationServiceDoc
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 : 'position' ,
label : 'Position' ,
component : PositionDoc
} ,
{
id : 'template' ,
label : 'Template' ,
component : TemplateDoc
} ,
{
id : 'style' ,
label : 'Style' ,
component : StyleDoc
2022-09-09 20:41:18 +00:00
} ,
2023-02-28 08:29:30 +00:00
{
id : 'accessibility' ,
label : 'Accessibility' ,
component : AccessibilityDoc
2022-09-09 20:41:18 +00:00
}
2023-02-28 08:29:30 +00:00
]
} ;
2022-09-09 20:41:18 +00:00
}
} ;
< / script >