102 lines
2.6 KiB
JavaScript
102 lines
2.6 KiB
JavaScript
|
const TabPanelProps = [
|
||
|
|
{
|
||
|
|
name: "header",
|
||
|
|
type: "string",
|
||
|
|
default: "null",
|
||
|
|
description: "Orientation of tab headers."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
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."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
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
|
||
|
|
}
|
||
|
|
};
|