2022-09-09 20:41:18 +00:00
< template >
2024-05-22 08:10:07 +00:00
< DocComponent title = "Vue Badge Component" header = "Badge" description = "Badge is a small status indicator for another element." :componentDocs ="docs" : apiDocs = "['Badge', 'OverlayBadge']" :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/badge/AccessibilityDoc.vue' ;
import BasicDoc from '@/doc/badge/BasicDoc.vue' ;
import ButtonDoc from '@/doc/badge/ButtonDoc.vue' ;
import ImportDoc from '@/doc/badge/ImportDoc.vue' ;
import PositionDoc from '@/doc/badge/PositionDoc.vue' ;
import SeverityDoc from '@/doc/badge/SeverityDoc.vue' ;
import SizeDoc from '@/doc/badge/SizeDoc.vue' ;
2023-04-21 13:22:26 +00:00
import PTComponent from '@/doc/badge/pt/index.vue' ;
2023-08-01 13:00:18 +00:00
import ThemingDoc from '@/doc/badge/theming/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 : 'severity' ,
label : 'Severity' ,
component : SeverityDoc
} ,
{
id : 'size' ,
label : 'Size' ,
component : SizeDoc
} ,
{
id : 'positioned' ,
label : 'Position' ,
component : PositionDoc
} ,
{
id : 'button' ,
label : 'Button' ,
component : ButtonDoc
} ,
{
id : 'accessibility' ,
label : 'Accessibility' ,
component : AccessibilityDoc
}
2023-04-21 13:22:26 +00:00
] ,
2023-07-28 05:56:58 +00:00
ptComponent : PTComponent ,
themingDoc : ThemingDoc
2023-02-28 08:29:30 +00:00
} ;
2022-09-09 20:41:18 +00:00
}
} ;
< / script >