2022-09-12 07:13:52 +00:00
|
|
|
const AccordionTabProps = [
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'header',
|
|
|
|
type: 'string',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Orientation of tab headers.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'headerStyle',
|
|
|
|
type: 'any',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Inline style of the tab header.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'headerClass',
|
|
|
|
type: 'any',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Style class of the tab header.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'headerProps',
|
|
|
|
type: 'any',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Uses to pass all properties of the HTMLDivElement to the tab header.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'headerActionProps',
|
|
|
|
type: 'any',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'contentStyle',
|
|
|
|
type: 'any',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Inline style of the tab content.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'contentClass',
|
|
|
|
type: 'any',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Style class of the tab content.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'contentProps',
|
|
|
|
type: 'any',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Uses to pass all properties of the HTMLDivElement to the tab content.'
|
2022-09-12 07:13:52 +00:00
|
|
|
},
|
|
|
|
{
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'disabled',
|
|
|
|
type: 'boolean',
|
|
|
|
default: 'false',
|
|
|
|
description: 'Whether the tab is disabled.'
|
2023-03-24 12:37:26 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
name: 'pt',
|
|
|
|
type: 'any',
|
|
|
|
default: 'null',
|
|
|
|
description: 'Uses to pass attributes to DOM elements inside the component.'
|
|
|
|
}
|
|
|
|
];
|
|
|
|
|
|
|
|
const AccordionTabSlots = [
|
|
|
|
{
|
|
|
|
name: 'header',
|
|
|
|
description: 'Custom content for the title section of a AccordionTab is defined using the header template.'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: 'headericon',
|
|
|
|
description: 'Custom icon for the header section of a AccordionTab is defined using the headericon template.'
|
2022-09-12 07:13:52 +00:00
|
|
|
}
|
|
|
|
];
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
accordiontab: {
|
2022-09-14 14:26:41 +00:00
|
|
|
name: 'AccordionTab',
|
|
|
|
description: 'Accordion element consists of one or more AccordionTab elements.',
|
2023-03-24 12:37:26 +00:00
|
|
|
props: AccordionTabProps,
|
|
|
|
slots: AccordionTabSlots
|
2022-09-12 07:13:52 +00:00
|
|
|
}
|
|
|
|
};
|