2022-09-09 20:41:18 +00:00
< template >
2023-07-26 14:53:34 +00:00
< DocComponent title = "Vue InputSwitch Component" header = "InputSwitch" description = "InputSwitch is used to select a boolean value." :componentDocs ="docs" :apiDocs ="['InputSwitch']" :ptTabComponent ="ptComponent" :themingDocs ="themingDoc" / >
2022-09-09 20:41:18 +00:00
< / template >
< script >
2023-02-28 08:29:30 +00:00
import AccessibilityDoc from '@/doc/inputswitch/AccessibilityDoc.vue' ;
import BasicDoc from '@/doc/inputswitch/BasicDoc.vue' ;
import DisabledDoc from '@/doc/inputswitch/DisabledDoc.vue' ;
import ImportDoc from '@/doc/inputswitch/ImportDoc.vue' ;
import InvalidDoc from '@/doc/inputswitch/InvalidDoc.vue' ;
import PreselectionDoc from '@/doc/inputswitch/PreselectionDoc.vue' ;
2023-05-05 13:12:27 +00:00
import PTComponent from '@/doc/inputswitch/pt/index.vue' ;
2023-07-26 14:53:34 +00:00
import ThemingDoc from '@/doc/inputswitch/theming/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
} ,
{
id : 'basic' ,
label : 'Basic' ,
component : BasicDoc
} ,
{
id : 'preselection' ,
label : 'Preselection' ,
component : PreselectionDoc
} ,
{
id : 'invalid' ,
label : 'Invalid' ,
component : InvalidDoc
} ,
{
id : 'disabled' ,
label : 'Disabled' ,
component : DisabledDoc
} ,
{
id : 'accessibility' ,
label : 'Accessibility' ,
component : AccessibilityDoc
}
2023-05-05 13:12:27 +00:00
] ,
2023-07-26 14:53:34 +00:00
ptComponent : PTComponent ,
themingDoc : ThemingDoc
2022-09-09 20:41:18 +00:00
} ;
}
} ;
< / script >