2021-05-12 09:35:29 +00:00
|
|
|
const TabPanelProps = [
|
|
|
|
{
|
|
|
|
name: "header",
|
|
|
|
type: "string",
|
|
|
|
default: "null",
|
|
|
|
description: "Orientation of tab headers."
|
|
|
|
},
|
2022-08-29 01:19:59 +00:00
|
|
|
{
|
|
|
|
name: "headerStyle",
|
|
|
|
type: "any",
|
|
|
|
default: "null",
|
|
|
|
description: "Inline style of the tab header."
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "headerClass",
|
|
|
|
type: "any",
|
|
|
|
default: "null",
|
|
|
|
description: "Style class of the tab header."
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "headerProps",
|
|
|
|
type: "any",
|
|
|
|
default: "null",
|
|
|
|
description: "Uses to pass all properties of the HTMLLiElement to the tab header."
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "headerActionProps",
|
|
|
|
type: "any",
|
|
|
|
default: "null",
|
|
|
|
description: "Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header."
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "contentStyle",
|
|
|
|
type: "any",
|
|
|
|
default: "null",
|
|
|
|
description: "Inline style of the tab content."
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "contentClass",
|
|
|
|
type: "any",
|
|
|
|
default: "null",
|
|
|
|
description: "Style class of the tab content."
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "contentProps",
|
|
|
|
type: "any",
|
|
|
|
default: "null",
|
|
|
|
description: "Uses to pass all properties of the HTMLDivElement to the tab content."
|
|
|
|
},
|
2021-05-12 09:35:29 +00:00
|
|
|
{
|
|
|
|
name: "disabled",
|
|
|
|
type: "boolean",
|
|
|
|
default: "null",
|
|
|
|
description: "Whether the tab is disabled."
|
|
|
|
}
|
|
|
|
];
|
|
|
|
|
|
|
|
const TabPanelEvents = [
|
|
|
|
{
|
|
|
|
name: "tab-change",
|
|
|
|
description: "Callback to invoke when an active tab is changed.",
|
|
|
|
arguments: [
|
|
|
|
{
|
|
|
|
name: "event.originalEvent",
|
|
|
|
type: "object",
|
|
|
|
description: "Original event"
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "event.index",
|
|
|
|
type: "number",
|
|
|
|
description: "Index of the selected tab"
|
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "tab-click",
|
|
|
|
description: "Callback to invoke when an active tab is clicked.",
|
|
|
|
arguments: [
|
|
|
|
{
|
|
|
|
name: "event.originalEvent",
|
|
|
|
type: "object",
|
|
|
|
description: "Original event"
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "event.index",
|
|
|
|
type: "number",
|
|
|
|
description: "Index of the selected tab"
|
|
|
|
}
|
|
|
|
]
|
|
|
|
}
|
|
|
|
];
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
tabpanel: {
|
|
|
|
name: "TabPanel",
|
|
|
|
description: "TabView element consists of one or more TabPanel elements.",
|
|
|
|
"doc-url": "tabview",
|
|
|
|
props: TabPanelProps,
|
|
|
|
events: TabPanelEvents
|
|
|
|
}
|
|
|
|
};
|