61 lines
1.4 KiB
JavaScript
61 lines
1.4 KiB
JavaScript
|
const PanelProps = [
|
||
|
|
{
|
||
|
|
name: "header",
|
||
|
|
type: "string",
|
||
|
|
default: "null",
|
||
|
|
description: "Header text of the panel."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "toggleable",
|
||
|
|
type: "boolean",
|
||
|
|
default: "null",
|
||
|
|
description: "Defines if content of panel can be expanded and collapsed."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "collapsed",
|
||
|
|
type: "boolean",
|
||
|
|
default: "null",
|
||
|
|
description: "Defines the initial state of panel content."
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
const PanelEvents = [
|
||
|
|
{
|
||
|
|
name: "toggle",
|
||
|
|
description: "Callback to invoke when a tab toggle.",
|
||
|
|
arguments: [
|
||
|
|
{
|
||
|
|
name: "event.originalEvent",
|
||
|
|
type: "object",
|
||
|
|
description: "Browser event"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "event.value",
|
||
|
|
type: "boolean",
|
||
|
|
description: "collapsed state as a boolean"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
const PanelSlots = [
|
||
|
|
{
|
||
|
|
name: "header",
|
||
|
|
description: "Custom content for the component's header"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "icons",
|
||
|
|
description: "Custom content for the header's icon"
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
panel: {
|
||
|
|
name: "Panel",
|
||
|
|
description: "Panel is a container with the optional content toggle feature.",
|
||
|
|
props: PanelProps,
|
||
|
|
events: PanelEvents,
|
||
|
|
slots: PanelSlots
|
||
|
|
}
|
||
|
|
};
|