primevue-mirror/api-generator/components/accordion.js

105 lines
2.7 KiB
JavaScript
Raw Normal View History

2021-05-12 09:35:29 +00:00
const AccordionProps = [
{
name: "multiple",
type: "boolean",
default: "false",
description: "When enabled, multiple tabs can be activated at the same time."
},
{
name: "activeIndex",
type: "number|array",
default: "null",
description: "Index of the active tab or an array of indexes in multiple mode."
},
{
name: "lazy",
type: "boolean",
default: "false",
description: "When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css."
},
{
name: "expandIcon",
type: "string",
default: "pi-chevron-right",
description: "Icon of a collapsed tab."
},
{
name: "collapseIcon",
type: "string",
default: "pi-chevron-down",
description: "Icon of a expanded tab."
},
{
name: "tabindex",
type: "number",
default: "0",
description: "Index of the element in tabbing order."
},
{
name: "selectOnFocus",
type: "boolean",
default: "false",
description: "When enabled, the focused tab is activated."
2021-05-12 09:35:29 +00:00
}
];
const AccordionEvents = [
{
name: "tab-open",
description: "Callback to invoke when a tab gets expanded.",
arguments: [
{
name: "originalEvent",
type: "object",
description: "Original event"
},
{
name: "index",
type: "number",
description: "Opened tab index"
}
]
},
{
name: "tab-close",
description: "Callback to invoke when an active tab is collapsed by clicking on the header.",
arguments: [
{
name: "originalEvent",
type: "object",
description: "Original event"
},
{
name: "index",
type: "number",
description: "Closed tab index"
}
]
},
{
name: "tab-click",
description: "Callback to invoke when an active tab is clicked.",
arguments: [
{
name: "originalEvent",
type: "object",
description: "Original event"
},
{
name: "index",
type: "number",
description: "Index of the clicked tab"
}
]
2021-05-12 09:35:29 +00:00
}
];
module.exports = {
accordion: {
name: "Accordion",
description: "Accordion groups a collection of contents in tabs.",
props: AccordionProps,
events: AccordionEvents
}
};