vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity
primevue-mirror/doc/common/apidoc/index.json

27721 lines
1.3 MiB
Raw Blame History

{
"accordion": {
"description": "Accordion groups a collection of contents in tabs.\n\n[Live Demo](https://www.primevue.org/accordion/)",
"components": {
"default": {
"description": "Accordion groups a collection of contents in tabs.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"AccordionPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "AccordionProps",
"default": ""
},
{
"name": "state",
"optional": false,
"readonly": false,
"type": "AccordionState",
"default": ""
}
],
"methods": []
},
"AccordionTabOpenEvent": {
"description": "Custom tab open event.",
"relatedProp": "AccordionEmits.tab-open",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "MouseEvent",
"default": "",
"description": "Browser mouse event."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Opened tab index."
}
],
"methods": [],
"extendedBy": "AccordionTabCloseEvent,AccordionClickEvent"
},
"AccordionTabCloseEvent": {
"description": "Custom tab close event.",
"relatedProp": "AccordionEmits.tab-close",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "MouseEvent",
"default": "",
"description": "Browser mouse event."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Opened tab index."
}
],
"methods": [],
"extendedTypes": "AccordionTabOpenEvent"
},
"AccordionClickEvent": {
"description": "Custom tab open event.",
"relatedProp": "AccordionEmits.tab-open",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "MouseEvent",
"default": "",
"description": "Browser mouse event."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Opened tab index."
}
],
"methods": [],
"extendedTypes": "AccordionTabOpenEvent"
},
"AccordionPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "AccordionProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "AccordionPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
}
],
"methods": []
},
"AccordionPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"AccordionState": {
"description": "Defines current inline state in Accordion component.",
"relatedProp": "",
"props": [
{
"name": "id",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Current id state as a string"
},
{
"name": "d_activeIndex",
"optional": false,
"readonly": false,
"type": "number | number[]",
"default": "",
"description": "Current active index state."
}
],
"methods": []
},
"AccordionProps": {
"description": "Defines valid properties in Accordion component.",
"relatedProp": "",
"props": [
{
"name": "multiple",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, multiple tabs can be activated at the same time."
},
{
"name": "activeIndex",
"optional": true,
"readonly": false,
"type": "null | number | number[]",
"default": "null",
"description": "Index of the active tab or an array of indexes in multiple mode."
},
{
"name": "lazy",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css."
},
{
"name": "expandIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of a collapsed tab."
},
{
"name": "collapseIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of an expanded tab."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Index of the element in tabbing order."
},
{
"name": "selectOnFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, the focused tab is activated."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "AccordionPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"AccordionSlots": {
"description": "Defines valid slots in Accordion slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Default slot to detect AccordionTab components."
}
]
},
"AccordionEmits": {
"description": "Defines valid emits in Accordion component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:activeIndex",
"parameters": [
{
"name": "value",
"optional": false,
"type": "undefined | number",
"description": "Index of new active tab."
}
],
"returnType": "void",
"description": "Emitted when the active tab changes."
},
{
"name": "tab-open",
"parameters": [
{
"name": "event",
"optional": false,
"type": "AccordionTabOpenEvent",
"description": "Custom tab open event."
}
],
"returnType": "void",
"description": "Callback to invoke when a tab gets expanded."
},
{
"name": "tab-close",
"parameters": [
{
"name": "event",
"optional": false,
"type": "AccordionTabCloseEvent",
"description": "Custom tab close event."
}
],
"returnType": "void",
"description": "Callback to invoke when an active tab is collapsed by clicking on the header."
},
{
"name": "tab-click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "AccordionClickEvent",
"description": "Custom tab click event."
}
],
"returnType": "void",
"description": "Callback to invoke when an active tab is clicked."
}
]
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"AccordionPassThroughOptionType": {
"values": "AccordionPassThroughAttributes | (options: AccordionPassThroughMethodOptions) => AccordionPassThroughAttributes | null | undefined"
}
}
}
},
"accordiontab": {
"description": "AccordionTab is a helper component for Accordion.\n\n[Live Demo](https://www.primevue.org/accordion/)",
"components": {
"default": {
"description": "AccordionTab is a helper component for Accordion..",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"AccordionTabPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "AccordionTabProps",
"default": ""
},
{
"name": "parent",
"optional": false,
"readonly": false,
"type": "AccordionPassThroughOptions",
"default": ""
}
],
"methods": []
},
"AccordionTabPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "AccordionTabProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "AccordionTabPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "header",
"optional": true,
"readonly": false,
"type": "AccordionTabPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the header's DOM element."
},
{
"name": "headerAction",
"optional": true,
"readonly": false,
"type": "AccordionTabPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the headeraction's DOM element."
},
{
"name": "headerIcon",
"optional": true,
"readonly": false,
"type": "AccordionTabPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the headericon's DOM element."
},
{
"name": "headerTitle",
"optional": true,
"readonly": false,
"type": "AccordionTabPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the headertitle's DOM element."
},
{
"name": "toggleableContent",
"optional": true,
"readonly": false,
"type": "AccordionTabPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the toggleablecontent's DOM element."
},
{
"name": "content",
"optional": true,
"readonly": false,
"type": "AccordionTabPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the content's DOM element."
}
],
"methods": []
},
"AccordionTabPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"AccordionTabProps": {
"description": "Defines valid properties in AccordionTab component.",
"relatedProp": "",
"props": [
{
"name": "header",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Orientation of tab headers."
},
{
"name": "headerStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the tab header."
},
{
"name": "headerClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the tab header."
},
{
"name": "headerProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the tab header.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "headerActionProps",
"optional": true,
"readonly": false,
"type": "AnchorHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "contentStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the tab content."
},
{
"name": "contentClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the tab content."
},
{
"name": "contentProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the tab content.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the tab is disabled."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "AccordionTabPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"AccordionTabSlots": {
"description": "Defines valid slots in AcordionTab slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Default slot for content."
},
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content for the title section of a AccordionTab is defined using the header template."
},
{
"name": "headericon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>index</b>: number, // Index of the tab\n \t <b>isTabActive(i: number)</b>: void, // Whether the tab is active\n }",
"description": "header slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon for the header section of a AccordionTab is defined using the headericon template."
}
]
},
"AccordionTabEmits": {
"description": "Defines valid emits in AcordionTab component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"AccordionTabPassThroughOptionType": {
"values": "AccordionTabPassThroughAttributes | (options: AccordionTabPassThroughMethodOptions) => AccordionTabPassThroughAttributes | null | undefined"
}
}
}
},
"api/Api": {
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"FilterMatchModeOptions": {
"relatedProp": "",
"props": [
{
"name": "STARTS_WITH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CONTAINS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "NOT_CONTAINS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ENDS_WITH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "EQUALS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "NOT_EQUALS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "IN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "LESS_THAN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "LESS_THAN_OR_EQUAL_TO",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "GREATER_THAN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "GREATER_THAN_OR_EQUAL_TO",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BETWEEN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DATE_IS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DATE_IS_NOT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DATE_BEFORE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DATE_AFTER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
}
],
"methods": []
},
"FilterOperatorOptions": {
"relatedProp": "",
"props": [
{
"name": "AND",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "OR",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
}
],
"methods": []
},
"PrimeIconsOptions": {
"relatedProp": "",
"props": [
{
"name": "ALIGN_CENTER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ALIGN_JUSTIFY",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ALIGN_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ALIGN_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "AMAZON",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ANDROID",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ANGLE_DOUBLE_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ANGLE_DOUBLE_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ANGLE_DOUBLE_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ANGLE_DOUBLE_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ANGLE_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ANGLE_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ANGLE_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ANGLE_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "APPLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_CIRCLE_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_CIRCLE_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_CIRCLE_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_CIRCLE_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_DOWN_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_DOWN_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_RIGHT_ARROW_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_UP_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_UP_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_H",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_V",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ARROW_A",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "AT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BACKWARD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BAN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BARS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BELL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BITCOIN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BOLT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BOOK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BOOKMARK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BOOKMARK_FILL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BOX",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BRIEFCASE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "BUILDING",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CALENDAR",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CALENDAR_MINUS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CALENDAR_PLUS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CALENDAR_TIMES",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CALCULATOR",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CAMERA",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CAR",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CARET_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CARET_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CARET_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CARET_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CART_PLUS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHART_BAR",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHART_LINE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHART_PIE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHECK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHECK_CIRCLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHECK_SQUARE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHEVRON_CIRCLE_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHEVRON_CIRCLE_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHEVRON_CIRCLE_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHEVRON_CIRCLE_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHEVRON_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHEVRON_LEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHEVRON_RIGHT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CHEVRON_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CIRCLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CIRCLE_FILL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CLOCK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CLONE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CLOUD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CLOUD_DOWNLOAD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CLOUD_UPLOAD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CODE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "COG",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "COMMENT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "COMMENTS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "COMPASS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "COPY",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "CREDIT_CARD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DATABASE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DELETELEFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DESKTOP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DIRECTIONS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DIRECTIONS_ALT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DISCORD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DOLLAR",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "DOWNLOAD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "EJECT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ELLIPSIS_H",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ELLIPSIS_V",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ENVELOPE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ERASER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "EURO",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "EXCLAMATION_CIRCLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "EXCLAMATION_TRIANGLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "EXTERNAL_LINK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "EYE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "EYE_SLASH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FACEBOOK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FAST_BACKWARD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FAST_FORWARD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILE_EDIT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILE_EXCEL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILE_EXPORT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILE_IMPORT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILE_PDF",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILE_WORD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILTER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILTER_FILL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FILTER_SLASH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FLAG",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FLAG_FILL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FOLDER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FOLDER_OPEN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "FORWARD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "GIFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "GITHUB",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "GLOBE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "GOOGLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "HASHTAG",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "HEART",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "HEART_FILL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "HISTORY",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "HOURGLASS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "HOME",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ID_CARD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "IMAGE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "IMAGES",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "INBOX",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "INFO",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "INFO_CIRCLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "INSTAGRAM",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "KEY",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "LANGUAGE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "LINK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "LINKEDIN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "LIST",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "LOCK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "LOCK_OPEN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MAP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MAP_MARKER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MEGAPHONE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MICREPHONE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MICROSOFT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MINUS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MINUS_CIRCLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MOBILE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MONEY_BILL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "MOON",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PALETTE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PAPERCLIP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PAUSE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PAYPAL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PENCIL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PERCENTAGE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PHONE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PLAY",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PLUS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PLUS_CIRCLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "POUND",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "POWER_OFF",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PRIME",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "PRINT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "QRCODE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "QUESTION",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "QUESTION_CIRCLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "REDDIT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "REFRESH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "REPLAY",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "REPLY",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SAVE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SEARCH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SEARCH_MINUS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SEARCH_PLUS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SEND",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SERVER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SHARE_ALT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SHIELD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SHOPPING_BAG",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SHOPPING_CART",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SIGN_IN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SIGN_OUT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SITEMAP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SLACK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SLIDERS_H",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SLIDERS_V",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_ALPHA_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_ALPHA_ALT_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_ALPHA_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_ALPHA_ALT_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_ALT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_ALT_SLASH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_AMOUNT_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_AMOUNT_DOWN_ALT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_AMOUNT_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_AMOUNT_UP_ALT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_NUMERIC_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_NUMERIC_ALT_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_NUMERIC_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_NUMERIC_ALT_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SORT_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SPINNER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "STAR",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "STAR_FILL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "STEP_BACKWARD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "STEP_BACKWARD_ALT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "STEP_FORWARD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "STEP_FORWARD_ALT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "STOP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "STOPWATCH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "STOP_CIRCLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SUN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "SYNC",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TABLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TABLET",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TAG",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TAGS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TELEGRAM",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TH_LARGE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "THUMBS_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "THUMBS_DOWN_FILL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "THUMBS_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "THUMBS_UP_FILL",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TICKET",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TIMES",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TIMES_CIRCLE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TRASH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TRUCK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "TWITTER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "UNDO",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "UNLOCK",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "UPLOAD",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "USER",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "USER_EDIT",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "USER_MINUS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "USER_PLUS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "USERS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "VERIFIED",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "VIDEO",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "VIMEO",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "VOLUME_DOWN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "VOLUME_OFF",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "VOLUME_UP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "WALLET",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "WHATSAPP",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "WIFI",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "WINDOW_MAXIMIZE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "WINDOW_MINIMIZE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "WRENCH",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "YOUTUBE",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
}
],
"methods": []
},
"ToastSeverityOptions": {
"relatedProp": "",
"props": [
{
"name": "SUCCESS",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "INFO",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "WARN",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
},
{
"name": "ERROR",
"optional": false,
"readonly": true,
"type": "string",
"default": ""
}
],
"methods": []
}
}
}
},
"autocomplete": {
"description": "AutoComplete is an input component that provides real-time suggestions while being typed.\n\n[Live Demo](https://www.primevue.org/autocomplete/)",
"components": {
"default": {
"description": "AutoComplete is an input component that provides real-time suggestions while being typed.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"AutoCompleteChangeEvent": {
"description": "Custom change event.",
"relatedProp": "AutoCompleteEmits.change",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected option value"
}
],
"methods": []
},
"AutoCompleteItemSelectEvent": {
"description": "Custom item select event.",
"relatedProp": "AutoCompleteEmits['item-select']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected item"
}
],
"methods": [],
"extendedBy": "AutoCompleteItemUnselectEvent"
},
"AutoCompleteItemUnselectEvent": {
"description": "Custom item unselect event.",
"relatedProp": "AutoCompleteEmits['item-unselect']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected item"
}
],
"methods": [],
"extendedTypes": "AutoCompleteItemSelectEvent"
},
"AutoCompleteDropdownClickEvent": {
"description": "Custom dropdown click event.",
"relatedProp": "AutoCompleteEmits['dropdown-click']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "MouseEvent",
"default": "",
"description": "Browser mouse event"
},
{
"name": "query",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Current value of the input field"
}
],
"methods": []
},
"AutoCompleteCompleteEvent": {
"description": "Custom complete event.",
"relatedProp": "AutoCompleteEmits.complete",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "query",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Value to search with"
}
],
"methods": []
},
"AutoCompleteProps": {
"description": "Defines valid properties in AutoComplete component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the component."
},
{
"name": "suggestions",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "An array of suggestions to display."
},
{
"name": "field",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "",
"deprecated": "since v3.16.0. Use 'optionLabel' property instead.\nProperty name or getter function of a suggested object to resolve and display."
},
{
"name": "optionLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option."
},
{
"name": "optionDisabled",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
"name": "optionGroupLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option group."
},
{
"name": "optionGroupChildren",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function that refers to the children options of option group."
},
{
"name": "scrollHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "200px",
"description": "Maximum height of the suggestions panel."
},
{
"name": "dropdown",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Displays a button next to the input field when enabled."
},
{
"name": "dropdownMode",
"optional": true,
"readonly": false,
"type": "\"blank\" | \"current\"",
"default": "blank",
"description": "Specifies the behavior dropdown button. Default 'blank' mode sends an empty string and 'current' mode sends the input value."
},
{
"name": "autoHighlight",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "",
"deprecated": "since v3.16.0\nHighlights automatically the first item of the dropdown to be selected."
},
{
"name": "multiple",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Specifies if multiple values can be selected."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Default text to display when no option is selected."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "A property to uniquely identify an option."
},
{
"name": "minLength",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Minimum number of characters to initiate a search."
},
{
"name": "delay",
"optional": true,
"readonly": false,
"type": "number",
"default": "300",
"description": "Delay between keystrokes to wait before sending a query."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached.\nSpecial keywords are 'body' for document body and 'self' for the element itself."
},
{
"name": "forceSelection",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, autocomplete clears the manual input if it does not match of the suggestions to force only accepting values from the suggestions."
},
{
"name": "completeOnFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to run a query when input receives focus."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "panelStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the overlay panel."
},
{
"name": "panelClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the overlay panel."
},
{
"name": "panelProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
},
{
"name": "dropdownIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the dropdown.",
"deprecated": "since v3.27.0. Use 'dropdownicon' slot."
},
{
"name": "dropdownClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the dropdown button."
},
{
"name": "loadingIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in loading state.",
"deprecated": "since v3.27.0. Use 'loadingicon' slot."
},
{
"name": "removeTokenIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in chip remove action.",
"deprecated": "since v3.27.0. Use 'removetokenicon' slot."
},
{
"name": "virtualScrollerOptions",
"optional": true,
"readonly": false,
"type": "VirtualScrollerProps",
"default": "",
"description": "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it."
},
{
"name": "autoOptionFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to focus on the first visible or selected element when the overlay panel is shown."
},
{
"name": "selectOnFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, the focused option is selected."
},
{
"name": "searchLocale",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Locale to use in searching. The default locale is the host environment's current locale."
},
{
"name": "searchMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} results are available'",
"description": "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "selectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} items selected'",
"description": "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptySelectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No selected item",
"description": "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptySearchMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No results found",
"description": "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
}
],
"methods": []
},
"AutoCompleteSlots": {
"description": "Defines valid slots in AutoComplete component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "chip",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // A value in the selection\n }",
"description": "chip slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom chip template."
},
{
"name": "header",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>suggestions</b>: any, // Displayed options\n }",
"description": "header slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template of panel."
},
{
"name": "footer",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>suggestions</b>: any, // Displayed options\n }",
"description": "footer slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template of panel."
},
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "",
"deprecated": "since v3.16.0\nCustom content for each item."
},
{
"name": "option",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>option</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "option slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom option template."
},
{
"name": "optiongroup",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // undefined\n \t <b>option</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "option group slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom option group template."
},
{
"name": "content",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>items</b>: any, // An array of objects to display for virtualscroller\n \t <b>styleClass</b>: string, // Style class of the component\n \t <b>contentRef(el: any)</b>: void, // Referance of the content\n \t <b>getItemOptions(index: number)</b>: VirtualScrollerItemOptions, // Options of the items\n }",
"description": "content slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom panel template."
},
{
"name": "loader",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>options</b>: any, // Options of the loader items for virtualscroller\n }",
"description": "loader slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loader template."
},
{
"name": "empty",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom empty template when there is no data to display."
},
{
"name": "dropdownicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom dropdown icon template."
},
{
"name": "removetokenicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom remove token icon template in multiple mode."
},
{
"name": "loadingicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading icon template."
}
]
},
"AutoCompleteEmits": {
"description": "Defines valid emits in AutoComplete component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "AutoCompleteChangeEvent",
"description": "Custom change event."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
},
{
"name": "item-select",
"parameters": [
{
"name": "event",
"optional": false,
"type": "AutoCompleteItemSelectEvent",
"description": "Custom item select event."
}
],
"returnType": "void",
"description": "Callback to invoke when a suggestion is selected."
},
{
"name": "item-unselect",
"parameters": [
{
"name": "event",
"optional": false,
"type": "AutoCompleteItemUnselectEvent",
"description": "Custom item unselect event."
}
],
"returnType": "void",
"description": "Callback to invoke when a selected value is removed."
},
{
"name": "dropdown-click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "AutoCompleteDropdownClickEvent",
"description": "Custom dropdown click event."
}
],
"returnType": "void",
"description": "Callback to invoke to when dropdown button is clicked."
},
{
"name": "clear",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when input is cleared by the user."
},
{
"name": "complete",
"parameters": [
{
"name": "event",
"optional": false,
"type": "AutoCompleteCompleteEvent",
"description": "Custom complete event."
}
],
"returnType": "void",
"description": "Callback to invoke to search for suggestions."
},
{
"name": "before-show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is shown."
},
{
"name": "before-hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is hidden."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is hidden."
}
]
}
}
}
},
"avatar": {
"description": "Avatar represents people using icons, labels and images.\n\n- [Live Demo](https://primevue.org/avatar)",
"components": {
"default": {
"description": "Avatar represents people using icons, labels and images.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"AvatarProps": {
"description": "Defines valid properties in Avatar component.",
"relatedProp": "",
"props": [
{
"name": "label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines the text to display."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines the icon to display.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "image",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines the image to display."
},
{
"name": "size",
"optional": true,
"readonly": false,
"type": "\"normal\" | \"large\" | \"xlarge\"",
"default": "normal",
"description": "Size of the element."
},
{
"name": "shape",
"optional": true,
"readonly": false,
"type": "\"square\" | \"circle\"",
"default": "square",
"description": "Shape of the element."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
}
],
"methods": []
},
"AvatarSlots": {
"description": "Defines valid slots in Avatar component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Content can easily be customized with the default slot instead of using the built-in modes."
},
{
"name": "icon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
}
]
},
"AvatarEmits": {
"description": "Defines valid emits in Avatar component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "error",
"parameters": [],
"returnType": "void",
"description": "Triggered when an error occurs while loading an image file."
}
]
}
}
}
},
"avatargroup": {
"description": "AvatarGroup is a helper component for Avatar.\n\n[Live Demo](https://www.primevue.org/accordion/)",
"components": {
"default": {
"description": "A set of Avatars can be displayed together using the AvatarGroup component.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"AvatarGroupProps": {
"description": "Defines valid properties in AvatarGroup component.",
"relatedProp": "",
"props": [],
"methods": []
},
"AvatarGroupSlots": {
"description": "Defines valid slots in AvatarGroup component.",
"relatedProp": "",
"props": [],
"methods": []
},
"AvatarGroupEmits": {
"description": "Defines valid emits in AvatarGroup component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"badge": {
"description": "Badge represents people using icons, labels and images.\n\n[Live Demo](https://www.primevue.org/badge)",
"components": {
"default": {
"description": "Badge represents people using icons, labels and images.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"BadgeProps": {
"description": "Defines valid properties in Badge component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Value to display inside the badge."
},
{
"name": "severity",
"optional": true,
"readonly": false,
"type": "null | string",
"default": "",
"description": "Severity type of the badge."
},
{
"name": "size",
"optional": true,
"readonly": false,
"type": "null | \"large\" | \"xlarge\"",
"default": "",
"description": "Size of the badge, valid options are 'large' and 'xlarge'."
}
],
"methods": []
},
"BadgeSlots": {
"description": "Defines valid slots in Badge component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Content can easily be customized with the default slot instead of using the built-in display."
}
]
},
"BadgeEmits": {
"description": "Defines valid emits in Badge component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"badgedirective": {
"description": "Badge directive is a small status indicator for another element.\n\n[Live Demo](https://primevue.org/badge)",
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"BadgeDirectiveModifiers": {
"description": "Defines modifiers of Badge directive.",
"relatedProp": "",
"props": [
{
"name": "info",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Info severity for Badge directive."
},
{
"name": "success",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Success severity for Badge directive."
},
{
"name": "warning",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Warning severity for Badge directive."
},
{
"name": "danger",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Danger severity for Badge directive."
}
],
"methods": []
},
"BadgeDirectiveBinding": {
"description": "Binding of Badge directive.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Value of the Badge."
},
{
"name": "modifiers",
"optional": true,
"readonly": false,
"type": "BadgeDirectiveModifiers",
"default": "",
"description": "Modifiers of the Badge."
}
],
"methods": [],
"extendedTypes": "Omit<DirectiveBinding, \"modifiers\" | \"value\">"
}
}
}
},
"blockui": {
"description": "BlockUI represents people using icons, labels and images.\n\n[Live Demo](https://www.primevue.org/blockui)",
"components": {
"default": {
"description": "BlockUI represents people using icons, labels and images.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"BlockUIProps": {
"description": "Defines valid properties in BlockUI component",
"relatedProp": "",
"props": [
{
"name": "blocked",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Controls the blocked state."
},
{
"name": "fullScreen",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, the whole document gets blocked."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
}
],
"methods": []
},
"BlockUISlots": {
"description": "Defines valid slots in BlockUI component",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content's slot."
}
]
},
"BlockUIEmits": {
"description": "Defines valid emits in BlockUI component",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "block",
"parameters": [],
"returnType": "void",
"description": "Fired when the element gets blocked."
},
{
"name": "unblock",
"parameters": [],
"returnType": "void",
"description": "Fired when the element gets unblocked."
}
]
}
}
}
},
"breadcrumb": {
"description": "Breadcrumb provides contextual information about page hierarchy.\n\n[Live Demo](https://www.primevue.org/breadcrumb/)",
"components": {
"default": {
"description": "Breadcrumb provides contextual information about page hierarchy.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"BreadcrumbProps": {
"description": "Defines valid properties in Breadcrumb component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of menuitems."
},
{
"name": "home",
"optional": true,
"readonly": false,
"type": "MenuItem",
"default": "",
"description": "Configuration for the home icon."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying menu element."
}
],
"methods": []
},
"BreadcrumbSlots": {
"description": "Defines valid slots in Breadcrumb component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
},
{
"name": "separator",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom separator template."
},
{
"name": "itemicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n \t <b>class</b>: any, // Style class of the item icon element.\n }",
"description": "item icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item icon template."
}
]
},
"BreadcrumbEmits": {
"description": "Defines valid emits in Breadcrumb component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"button": {
"description": "Button is an extension to standard button element with icons and theming.\n\n[Live Demo](https://www.primevue.org/button/)",
"components": {
"default": {
"description": "Button is an extension to standard button element with icons and theming.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ButtonProps": {
"description": "Defines valid properties in Button component.",
"relatedProp": "",
"props": [
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the button."
},
{
"name": "class",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the button."
},
{
"name": "label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Text of the button."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the icon."
},
{
"name": "iconPos",
"optional": true,
"readonly": false,
"type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
"default": "left",
"description": "Position of the icon."
},
{
"name": "iconClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the icon."
},
{
"name": "badge",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Value of the badge."
},
{
"name": "badgeClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the badge."
},
{
"name": "loading",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the button is in loading state."
},
{
"name": "loadingIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in loading state."
},
{
"name": "link",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a link style to the button."
},
{
"name": "severity",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines the style of the button."
},
{
"name": "raised",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a shadow to indicate elevation."
},
{
"name": "rounded",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a circular border radius to the button."
},
{
"name": "text",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a textual class to the button without a background initially."
},
{
"name": "outlined",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a border class without a background initially."
},
{
"name": "size",
"optional": true,
"readonly": false,
"type": "\"small\" | \"large\"",
"default": "",
"description": "Defines the size of the button."
},
{
"name": "plain",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a plain textual class to the button without a background initially."
}
],
"methods": [],
"extendedTypes": "ButtonHTMLAttributes"
},
"ButtonSlots": {
"description": "Defines valid slots in Button component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included."
},
{
"name": "icon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: string, // Style class of the icon.\n }",
"description": "icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
},
{
"name": "loadingicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: string, // Style class of the loading icon.\n }",
"description": "loading icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading icon template."
}
]
},
"ButtonEmits": {
"description": "Defines valid emits in Button component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"calendar": {
"description": "Calendar also known as DatePicker, is a form component to work with dates.\n\n[Live Demo](https://www.primevue.org/calendar/)",
"components": {
"default": {
"description": "Calendar also known as DatePicker, is a form component to work with dates.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"CalendarResponsiveOptions": {
"description": "Custom Calendar responsive options metadata.",
"relatedProp": "",
"props": [
{
"name": "breakpoint",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Breakpoint for responsive mode. Exp;"
},
{
"name": "numMonths",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "The number of visible months on breakpoint."
}
],
"methods": []
},
"CalendarMonthChangeEvent": {
"description": "Custom Calendar month change event.",
"relatedProp": "CalendarEmits['month-change']]",
"props": [
{
"name": "month",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "New month."
},
{
"name": "year",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "New year."
}
],
"methods": []
},
"CalendarYearChangeEvent": {
"description": "Custom Calendar year change event.",
"relatedProp": "CalendarEmits['year-change']]",
"props": [
{
"name": "month",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "New month."
},
{
"name": "year",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "New year."
}
],
"methods": []
},
"CalendarBlurEvent": {
"description": "Custom Calendar blur event.",
"relatedProp": "CalendarEmits.blur",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Input value"
}
],
"methods": []
},
"CalendarProps": {
"description": "Defines valid properties in Calendar component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "null | string | string[] | Date | Date[]",
"default": "null",
"description": "Value of the component."
},
{
"name": "selectionMode",
"optional": true,
"readonly": false,
"type": "\"multiple\" | \"range\" | \"single\"",
"default": "single",
"description": "Defines the quantity of the selection."
},
{
"name": "dateFormat",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Format of the date. Defaults to PrimeVue Locale configuration."
},
{
"name": "inline",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, displays the calendar as inline instead of an overlay."
},
{
"name": "showOtherMonths",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to display dates in other months (non-selectable) at the start or end of the current month. To make these days selectable use the selectOtherMonths option."
},
{
"name": "selectOtherMonths",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether days in other months shown before or after the current month are selectable. This only applies if the showOtherMonths option is set to true."
},
{
"name": "showIcon",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, displays a button with icon next to input."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the calendar button.",
"deprecated": "since v3.27.0. Use 'dropdownicon' slot."
},
{
"name": "previousIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to show in the previous button.",
"deprecated": "since v3.27.0. Use 'previousicon' slot."
},
{
"name": "nextIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to show in the next button.",
"deprecated": "since v3.27.0. Use 'nexticon' slot."
},
{
"name": "incrementIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to show in each of the increment buttons.",
"deprecated": "since v3.27.0. Use 'incrementicon' slot."
},
{
"name": "decrementIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to show in each of the decrement buttons.",
"deprecated": "since v3.27.0. Use 'decrementicon' slot."
},
{
"name": "numberOfMonths",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Number of months to display."
},
{
"name": "responsiveOptions",
"optional": true,
"readonly": false,
"type": "CalendarResponsiveOptions[]",
"default": "",
"description": "An array of options for responsive design."
},
{
"name": "view",
"optional": true,
"readonly": false,
"type": "\"month\" | \"year\" | \"date\"",
"default": "date",
"description": "Type of view to display."
},
{
"name": "touchUI",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, calendar overlay is displayed as optimized for touch devices."
},
{
"name": "monthNavigator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the month should be rendered as a dropdown instead of text.",
"deprecated": "since version 3.9.0, Navigator is always on."
},
{
"name": "yearNavigator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the year should be rendered as a dropdown instead of text.",
"deprecated": "since version 3.9.0, Navigator is always on."
},
{
"name": "yearRange",
"optional": true,
"readonly": false,
"type": "string",
"default": "false",
"description": "The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020).",
"deprecated": "since version 3.9.0, Years are based on decades by default."
},
{
"name": "minDate",
"optional": true,
"readonly": false,
"type": "Date",
"default": "",
"description": "The minimum selectable date."
},
{
"name": "maxDate",
"optional": true,
"readonly": false,
"type": "Date",
"default": "",
"description": "The maximum selectable date."
},
{
"name": "disabledDates",
"optional": true,
"readonly": false,
"type": "Date[]",
"default": "",
"description": "Array with dates to disable."
},
{
"name": "disabledDays",
"optional": true,
"readonly": false,
"type": "number[]",
"default": "",
"description": "Array with disabled weekday numbers."
},
{
"name": "maxDateCount",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Maximum number of selectable dates in multiple mode."
},
{
"name": "showOnFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "When disabled, datepicker will not be visible with input focus."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "showButtonBar",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display today and clear buttons at the footer."
},
{
"name": "shortYearCutoff",
"optional": true,
"readonly": false,
"type": "string",
"default": "+10",
"description": "The cutoff year for determining the century for a date."
},
{
"name": "showTime",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display timepicker."
},
{
"name": "timeOnly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display timepicker only."
},
{
"name": "hourFormat",
"optional": true,
"readonly": false,
"type": "\"12\" | \"24\"",
"default": "24",
"description": "Specifies hour format."
},
{
"name": "stepHour",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Hours to change per step."
},
{
"name": "stepMinute",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Minutes to change per step."
},
{
"name": "stepSecond",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Seconds to change per step."
},
{
"name": "showSeconds",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to show the seconds in time picker."
},
{
"name": "hideOnDateTimeSelect",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to hide the overlay on date selection when showTime is enabled."
},
{
"name": "hideOnRangeSelection",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to hide the overlay on date selection is completed when selectionMode is range."
},
{
"name": "timeSeparator",
"optional": true,
"readonly": false,
"type": "string",
"default": ":",
"description": "Separator of time selector."
},
{
"name": "showWeek",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, calendar will show week numbers."
},
{
"name": "manualInput",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Wheter to allow prevents entering the date manually via typing."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "readonly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that an input field is read-only."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Placeholder text for the input."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached."
},
{
"name": "id",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the element."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "panelStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the overlay panel."
},
{
"name": "panelClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the overlay panel."
},
{
"name": "panelProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"CalendarSlots": {
"description": "Defines valid slots in Calendar component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template of panel."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template of panel."
},
{
"name": "date",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>date</b>: undefined, // Value of the component.\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom date template."
},
{
"name": "decade",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>years</b>: undefined, // An array containing the start and and year of a decade to display at header of the year picker.\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom decade template."
},
{
"name": "dropdownicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom dropdown icon template."
},
{
"name": "previousicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom previous icon template."
},
{
"name": "nexticon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom next icon template."
},
{
"name": "incrementicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom increment icon template."
},
{
"name": "decrementicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom decrement icon template."
}
]
},
"CalendarEmits": {
"description": "Defines valid emits in Calendar component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "undefined | string | string[] | Date | Date[]",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "input",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event"
}
],
"returnType": "void",
"description": "Callback to invoke when input field is being typed."
},
{
"name": "date-select",
"parameters": [
{
"name": "value",
"optional": false,
"type": "Date",
"description": "Selected value."
}
],
"returnType": "void",
"description": "Callback to invoke when a date is selected."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when datepicker panel is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when datepicker panel is hidden."
},
{
"name": "today-click",
"parameters": [
{
"name": "date",
"optional": false,
"type": "Date",
"description": "Today as a date instance."
}
],
"returnType": "void",
"description": "Callback to invoke when today button is clicked."
},
{
"name": "clear-click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when clear button is clicked."
},
{
"name": "month-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "CalendarMonthChangeEvent",
"description": "Custom month change event."
}
],
"returnType": "void",
"description": "Callback to invoke when a month is changed using the navigators."
},
{
"name": "year-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "CalendarYearChangeEvent",
"description": "Custom year change event."
}
],
"returnType": "void",
"description": "Callback to invoke when a year is changed using the navigators."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Focus event"
}
],
"returnType": "void",
"description": "Callback to invoke on focus of input field."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "CalendarBlurEvent",
"description": "Blur event"
}
],
"returnType": "void",
"description": "Callback to invoke on blur of input field."
},
{
"name": "keydown",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event"
}
],
"returnType": "void",
"description": "Callback to invoke when a key is pressed."
}
]
}
}
}
},
"card": {
"description": "Card is a flexible container component.\n\n[Live Demo](https://www.primevue.org/card/)",
"components": {
"default": {
"description": "Card is a flexible container component.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"CardPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "CardProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "CardPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "header",
"optional": true,
"readonly": false,
"type": "CardPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the header's DOM element."
},
{
"name": "body",
"optional": true,
"readonly": false,
"type": "CardPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the body's DOM element."
},
{
"name": "title",
"optional": true,
"readonly": false,
"type": "CardPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the title's DOM element."
},
{
"name": "subtitle",
"optional": true,
"readonly": false,
"type": "CardPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the subtitle's DOM element."
},
{
"name": "content",
"optional": true,
"readonly": false,
"type": "CardPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the content's DOM element."
},
{
"name": "footer",
"optional": true,
"readonly": false,
"type": "CardPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the footer's DOM element."
}
],
"methods": []
},
"CardPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"CardProps": {
"description": "Defines valid properties in Card component.",
"relatedProp": "",
"props": [
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "CardPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"CardSlots": {
"description": "Defines valid slots in Card component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "title",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom title template."
},
{
"name": "subtitle",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom subtitle template."
},
{
"name": "content",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
}
]
},
"CardEmits": {
"description": "Defines valid emits in Card component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"CardPassThroughOptionType": {
"values": "CardPassThroughAttributes | null | undefined"
}
}
}
},
"carousel": {
"description": "Carousel is a content slider featuring various customization options.\n\n[Live Demo](https://www.primevue.org/carousel/)",
"components": {
"default": {
"description": "Carousel is a content slider featuring various customization options.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"CarouselResponsiveOptions": {
"relatedProp": "",
"props": [
{
"name": "breakpoint",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Breakpoint for responsive mode. Exp;"
},
{
"name": "numVisible",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "The number of visible items on breakpoint."
},
{
"name": "numScroll",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "The number of scrolled items on breakpoint."
}
],
"methods": []
},
"CarouselProps": {
"description": "Defines valid properties in Carousel component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "An array of objects to display."
},
{
"name": "page",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Index of the first item."
},
{
"name": "numVisible",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Number of items per page."
},
{
"name": "numScroll",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Number of items to scroll."
},
{
"name": "responsiveOptions",
"optional": true,
"readonly": false,
"type": "CarouselResponsiveOptions[]",
"default": "",
"description": "An array of options for responsive design."
},
{
"name": "orientation",
"optional": true,
"readonly": false,
"type": "\"horizontal\" | \"vertical\"",
"default": "horizontal",
"description": "Specifies the layout of the component, valid values are 'horizontal' and 'vertical'."
},
{
"name": "verticalViewPortHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "300px",
"description": "Height of the viewport in vertical layout."
},
{
"name": "containerClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the viewport container."
},
{
"name": "contentClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of main content."
},
{
"name": "indicatorsContentClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the indicator items."
},
{
"name": "circular",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if scrolling would be infinite."
},
{
"name": "autoplayInterval",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Time in milliseconds to scroll items automatically."
},
{
"name": "showNavigators",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to display navigation buttons in container."
},
{
"name": "showIndicators",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to display indicator container."
},
{
"name": "prevButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the previous navigation button."
},
{
"name": "nextButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the next navigation button."
}
],
"methods": []
},
"CarouselSlots": {
"description": "Defines valid slots in Carousel slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>data</b>: any, // Data of the component\n \t <b>index</b>: number, // Index of the item\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content for each item."
},
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "previousicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom previous icon template."
},
{
"name": "nexticon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom next icon template."
}
]
},
"CarouselEmits": {
"description": "Defines valid emits in Carousel component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:page",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New page value."
}
],
"returnType": "void",
"description": "Emitted when the page changes."
}
]
}
}
}
},
"cascadeselect": {
"description": "CascadeSelect is a form component to select a value from a nested structure of options.\n\n[Live Demo](https://www.primevue.org/cascadeselect/)",
"components": {
"default": {
"description": "CascadeSelect is a form component to select a value from a nested structure of options.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"CascadeSelectChangeEvent": {
"description": "Custom change event",
"relatedProp": "CascadeSelectEmits.change",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Original event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected option value."
}
],
"methods": [],
"extendedBy": "CascadeSelectGroupChangeEvent"
},
"CascadeSelectGroupChangeEvent": {
"description": "",
"relatedProp": "CascadeSelectEmits.change",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Original event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected option value."
}
],
"methods": [],
"extendedTypes": "CascadeSelectChangeEvent"
},
"CascadeSelectProps": {
"description": "Defines valid properties in CascadeSelect component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the component."
},
{
"name": "options",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "An array of selectitems to display as the available options."
},
{
"name": "optionLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option."
},
{
"name": "optionValue",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the value of an option, defaults to the option itself when not defined."
},
{
"name": "optionDisabled",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
"name": "optionGroupLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option group."
},
{
"name": "optionGroupChildren",
"optional": true,
"readonly": false,
"type": "string | string[] | Function",
"default": "",
"description": "Property name or getter function to retrieve the items of a group."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Default text to display when no option is selected."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "A property to uniquely identify an option."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "panelStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the overlay panel."
},
{
"name": "panelClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the overlay panel."
},
{
"name": "panelProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself."
},
{
"name": "loading",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the dropdown is in loading state."
},
{
"name": "dropdownIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the dropdown.",
"deprecated": "since v3.27.0. Use 'dropdownicon' slot."
},
{
"name": "loadingIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in loading state.",
"deprecated": "since v3.27.0. Use 'loadingicon' slot."
},
{
"name": "optionGroupIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the option group.",
"deprecated": "since v3.27.0. Use 'optiongroupicon' slot."
},
{
"name": "autoOptionFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to focus on the first visible or selected element when the overlay panel is shown."
},
{
"name": "selectOnFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, the focused option is selected/opened."
},
{
"name": "searchLocale",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Locale to use in searching. The default locale is the host environment's current locale."
},
{
"name": "searchMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} results are available'",
"description": "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "selectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} items selected'",
"description": "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptySelectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No selected item",
"description": "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptySearchMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No results found",
"description": "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptyMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No available options",
"description": "Text to be displayed when there are no options available. Defaults to value from PrimeVue locale configuration."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"CascadeSelectSlots": {
"description": "Defines valid slots in CascadeSelect component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "option",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>option</b>: any, // Option instance\n }",
"description": "option slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content for each option."
},
{
"name": "value",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>placeholder</b>: string, // Placeholder text to show\n }",
"description": "value slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom value template."
},
{
"name": "indicator",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom indicator template.",
"deprecated": "since v3.27.0. Use 'dropdownicon or loadingicon' slots."
},
{
"name": "dropdownicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom dropdown icon template."
},
{
"name": "loadingicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading icon template."
},
{
"name": "optiongroupicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom option group icon template."
}
]
},
"CascadeSelectEmits": {
"description": "Defines valid emits in CascadeSelect component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "CascadeSelectChangeEvent",
"description": "Custom change event."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
},
{
"name": "click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke on click."
},
{
"name": "group-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "CascadeSelectGroupChangeEvent",
"description": "Custom change event."
}
],
"returnType": "void",
"description": "Callback to invoke when a group changes."
},
{
"name": "before-show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is shown."
},
{
"name": "before-hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is hidden."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is hidden."
}
]
}
}
}
},
"chart": {
"description": "Chart groups a collection of contents in tabs.\n\n[Live Demo](https://www.primevue.org/chart/)",
"components": {
"default": {
"description": "Chart groups a collection of contents in tabs.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": [
{
"name": "refresh",
"parameters": [],
"returnType": "void",
"description": "Redraws the graph."
},
{
"name": "reinit",
"parameters": [],
"returnType": "void",
"description": "Destroys the graph first and then creates it again."
},
{
"name": "generateLegend",
"parameters": [],
"returnType": "any",
"description": "Returns an HTML string of a legend for that chart. The legend is generated from the legendCallback in the options."
},
{
"name": "getChart",
"parameters": [],
"returnType": "any",
"description": "Returns Chart instance."
}
]
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ChartSelectEvent": {
"description": "Custom select event.",
"relatedProp": "ChartEmits.select",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "element",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected element."
},
{
"name": "dataset",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected dataset."
}
],
"methods": []
},
"ChartProps": {
"description": "Defines valid properties in Chart component.",
"relatedProp": "",
"props": [
{
"name": "type",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Type of the chart."
},
{
"name": "data",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Data to display."
},
{
"name": "options",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Options to customize the chart."
},
{
"name": "plugins",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Used to custom plugins of the chart."
},
{
"name": "width",
"optional": true,
"readonly": false,
"type": "number",
"default": "300",
"description": "Width of the chart in non-responsive mode."
},
{
"name": "height",
"optional": true,
"readonly": false,
"type": "number",
"default": "150",
"description": "Height of the chart in non-responsive mode."
},
{
"name": "canvasProps",
"optional": true,
"readonly": false,
"type": "CanvasHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the CanvasHTMLAttributes to canvas element inside the component."
}
],
"methods": []
},
"ChartSlots": {
"relatedProp": "",
"props": [],
"methods": []
},
"ChartEmits": {
"description": "Defines valid emits in Chart component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "select",
"parameters": [
{
"name": "event",
"optional": false,
"type": "ChartSelectEvent",
"description": "Custom select event."
}
],
"returnType": "void",
"description": "Callback to invoke when a tab gets expanded."
},
{
"name": "loaded",
"parameters": [
{
"name": "chart",
"optional": false,
"type": "any",
"description": "Chart instance."
}
],
"returnType": "void",
"description": "Callback to invoke when chart is loaded."
}
]
}
}
}
},
"checkbox": {
"description": "Checkbox is an extension to standard checkbox element with theming.\n\n[Live Demo](https://www.primevue.org/checkbox/)",
"components": {
"default": {
"description": "Accordion groups a collection of contents in tabs.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"CheckboxProps": {
"description": "Defines valid properties in Checkbox component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the checkbox."
},
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value binding of the checkbox."
},
{
"name": "name",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the input element."
},
{
"name": "binary",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Allows to select a boolean value instead of multiple values."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "",
"description": "When present, it specifies that the element should be disabled."
},
{
"name": "readonly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "",
"description": "When present, it specifies that an input field is read-only."
},
{
"name": "required",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "",
"description": "When present, it specifies that the element is required."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "trueValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value in checked state."
},
{
"name": "falseValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value in unchecked state."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"CheckboxSlots": {
"relatedProp": "",
"props": [],
"methods": [
{
"name": "icon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>checked</b>: boolean, // State of the checkbox.\n }",
"description": "icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
}
]
},
"CheckboxEmits": {
"description": "Defines valid emits in Checkbox component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:page",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New page value."
}
],
"returnType": "void",
"description": "Emitted when the page changes."
},
{
"name": "click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "MouseEvent",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke on value click."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "input",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
}
]
}
}
}
},
"chip": {
"description": "Chip represents people using icons, labels and images.\n\n[Live Demo](https://www.primevue.org/chip)",
"components": {
"default": {
"description": "Chip represents people using icons, labels and images.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ChipProps": {
"description": "Defines valid properties in Chip component.",
"relatedProp": "",
"props": [
{
"name": "label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines the text to display."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines the icon to display.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "image",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines the image to display."
},
{
"name": "removable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display a remove icon."
},
{
"name": "removeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the remove element.",
"deprecated": "since v3.27.0. Use 'removeicon' slot."
}
],
"methods": []
},
"ChipSlots": {
"description": "Defines valid slots in Chip component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Content can easily be customized with the default slot instead of using the built-in modes."
},
{
"name": "icon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
},
{
"name": "removeicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>onClick()</b>: void, // Remove icon click event\n \t <b>onKeydown()</b>: void, // Remove icon keydown event\n }",
"description": "remove icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom remove icon template of chip component."
}
]
},
"ChipEmits": {
"description": "Defines valid properties in Chip component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "remove",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when a chip is removed."
}
]
}
}
}
},
"chips": {
"description": "Chips groups a collection of contents in tabs.\n\n[Live Demo](https://www.primevue.org/chips/)",
"components": {
"default": {
"description": "Chips is used to enter multiple values on an input field.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ChipsAddEvent": {
"description": "Custom add event.",
"relatedProp": "ChipsEmits.add",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Added/Removed item value."
}
],
"methods": [],
"extendedBy": "ChipsRemoveEvent"
},
"ChipsRemoveEvent": {
"description": "Custom remove event.",
"relatedProp": "ChipsEmits.remove",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Added/Removed item value."
}
],
"methods": [],
"extendedTypes": "ChipsAddEvent"
},
"ChipsProps": {
"description": "Defines valid properties in Chips component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Value of the component."
},
{
"name": "max",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Maximum number of entries allowed."
},
{
"name": "addOnBlur",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to add an item when the input loses focus."
},
{
"name": "allowDuplicate",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to allow duplicate values or not."
},
{
"name": "separator",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Separator char to add an item when pressed in addition to the enter key."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the focus input to match a label defined for the chips."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "removeTokenIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in chip remove action.",
"deprecated": "since v3.27.0. Use 'removetokenicon' slot."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "",
"description": "When present, it specifies that the element should be disabled."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Placeholder text for the input."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"ChipsSlots": {
"description": "Defines valid slots in Chips slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "chip",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n }",
"description": "chip slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom chip template."
},
{
"name": "removetokenicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>onClick()</b>: void, // Remove icon click event\n }",
"description": "remove token icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom remove token icon template."
}
]
},
"ChipsEmits": {
"description": "Defines valid emits in Chips component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any[]",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "add",
"parameters": [
{
"name": "event",
"optional": false,
"type": "ChipsAddEvent",
"description": "Custom add event."
}
],
"returnType": "void",
"description": "Callback to invoke when a chip is added."
},
{
"name": "remove",
"parameters": [
{
"name": "event",
"optional": false,
"type": "ChipsRemoveEvent",
"description": "Custom remove event."
}
],
"returnType": "void",
"description": "Callback to invoke when a chip is removed."
}
]
}
}
}
},
"colorpicker": {
"description": "ColorPicker groups a collection of contents in tabs.\n\n[Live Demo](https://www.primevue.org/colorpicker/)",
"components": {
"default": {
"description": "ColorPicker groups a collection of contents in tabs.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ColorPickerChangeEvent": {
"description": "Custom change event.",
"relatedProp": "ColorPickerEmits.change",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected color value."
}
],
"methods": []
},
"ColorPickerProps": {
"description": "Defines valid properties in ColorPicker component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the component."
},
{
"name": "defaultColor",
"optional": true,
"readonly": false,
"type": "any",
"default": "ff0000",
"description": "Initial color to display when value is not defined."
},
{
"name": "inline",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display as an overlay or not."
},
{
"name": "format",
"optional": true,
"readonly": false,
"type": "\"rgb\" | \"hex\" | \"hsb\"",
"default": "hex",
"description": "Format to use in value binding, supported formats are 'hex', 'rgb' and 'hsb'."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "panelClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the overlay panel."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself."
}
],
"methods": []
},
"ColorPickerSlots": {
"relatedProp": "",
"props": [],
"methods": []
},
"ColorPickerEmits": {
"description": "Defines valid emits in ColorPicker component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "ColorPickerChangeEvent",
"description": "Custom add event."
}
],
"returnType": "void",
"description": "Callback to invoke when a chip is added."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when input is cleared by the user."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when input is cleared by the user."
}
]
}
}
}
},
"column": {
"description": "Column component defines various options to specify corresponding features.\nIt is a helper component for DataTable and TreeTable.\n\n[Live Demo](https://www.primevue.org/datatable/)",
"components": {
"default": {
"description": "Column is a helper component for DataTable and TreeTable.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ColumnFilterModelType": {
"description": "Filter model metadata.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of filterModel."
},
{
"name": "matchMode",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Match mode of filterModel."
}
],
"methods": []
},
"ColumnFilterMatchModeOptions": {
"description": "Filter match modes for specific columns.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "string"
}
],
"methods": []
},
"ColumnLoadingOptions": {
"description": "Custom column loading metadata.",
"relatedProp": "",
"props": [
{
"name": "cellIndex",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Cell index"
},
{
"name": "cellFirst",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the cell is first."
},
{
"name": "cellLast",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the cell is last."
},
{
"name": "cellEven",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the cell is even."
},
{
"name": "cellOdd",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is odd."
},
{
"name": "column",
"optional": false,
"readonly": false,
"type": "default",
"default": "",
"description": "Column instance"
},
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Column field"
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Item index"
},
{
"name": "count",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Items count"
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is first."
},
{
"name": "last",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is last."
},
{
"name": "even",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is even."
},
{
"name": "odd",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is odd."
}
],
"methods": [],
"extendedTypes": "VirtualScrollerLoaderOptions"
},
"ColumnProps": {
"description": "Defines valid properties in Column component.",
"relatedProp": "",
"props": [
{
"name": "columnKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of a column if field property is not defined."
},
{
"name": "field",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property represented by the column."
},
{
"name": "sortField",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name to use in sorting, defaults to field."
},
{
"name": "filterField",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name to use in filtering, defaults to field."
},
{
"name": "dataType",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Type of data. It's value is related to PrimeVue.filterMatchModeOptions config."
},
{
"name": "sortable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if a column is sortable."
},
{
"name": "header",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Header content of the column."
},
{
"name": "footer",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Footer content of the column."
},
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of header, body and footer cells."
},
{
"name": "class",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of header, body and footer cells."
},
{
"name": "headerStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the column header."
},
{
"name": "headerClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the column header."
},
{
"name": "bodyStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the column body."
},
{
"name": "bodyClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the column body."
},
{
"name": "footerStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the column footer."
},
{
"name": "footerClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the column footer."
},
{
"name": "showFilterMenu",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to display the filter overlay."
},
{
"name": "showFilterOperator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "When enabled, match all and match any operator selector is displayed."
},
{
"name": "showClearButton",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Displays a button to clear the column filtering."
},
{
"name": "showApplyButton",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Displays a button to apply the column filtering."
},
{
"name": "showFilterMatchModes",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show the match modes selector."
},
{
"name": "showAddButton",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "When enabled, a button is displayed to add more rules."
},
{
"name": "filterMatchModeOptions",
"optional": true,
"readonly": false,
"type": "ColumnFilterMatchModeOptions[]",
"default": "",
"description": "An array of label-value pairs to override the global match mode options."
},
{
"name": "maxConstraints",
"optional": true,
"readonly": false,
"type": "number",
"default": "2",
"description": "Maximum number of constraints for a column filter."
},
{
"name": "excludeGlobalFilter",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to exclude from global filtering or not."
},
{
"name": "filterHeaderStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the column filter header in row filter display."
},
{
"name": "filterHeaderClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the column filter header in row filter display."
},
{
"name": "filterMenuStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the column filter overlay."
},
{
"name": "filterMenuClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the column filter overlay."
},
{
"name": "selectionMode",
"optional": true,
"readonly": false,
"type": "\"multiple\" | \"single\"",
"default": "",
"description": "Defines column based selection mode."
},
{
"name": "expander",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Displays an icon to toggle row expansion."
},
{
"name": "colspan",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of columns to span for grouping."
},
{
"name": "rowspan",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to span for grouping."
},
{
"name": "rowReorder",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether this column displays an icon to reorder the rows."
},
{
"name": "rowReorderIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the drag handle to reorder rows.",
"deprecated": "since v3.27.0. Use 'rowreordericon' slot."
},
{
"name": "reorderableColumn",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if the column itself can be reordered with dragging."
},
{
"name": "rowEditor",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, column displays row editor controls."
},
{
"name": "frozen",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the column is fixed in horizontal scrolling."
},
{
"name": "alignFrozen",
"optional": true,
"readonly": false,
"type": "\"left\" | \"right\"",
"default": "left",
"description": "Position of a frozen column, valid values are left and right."
},
{
"name": "exportable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the column is included in data export."
},
{
"name": "exportHeader",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Custom export header of the column to be exported as CSV."
},
{
"name": "exportFooter",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Custom export footer of the column to be exported as CSV."
},
{
"name": "filterMatchMode",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines the filtering algorithm to use when searching the options."
},
{
"name": "hidden",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the column is rendered."
}
],
"methods": []
},
"ColumnSlots": {
"description": "Defines valid slots in Column component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "body",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>data</b>: any, // Row data.\n \t <b>node</b>: any, // Row node data.\n \t <b>column</b>: Column, // Column node.\n \t <b>field</b>: string, // Column field.\n \t <b>index</b>: number, // Row index.\n \t <b>frozenRow</b>: boolean, // Whether the row is frozen.\n \t <b>editorInitCallback()</b>: void, // Callback function\n }",
"description": "body slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom body template."
},
{
"name": "header",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>column</b>: Column, // Column node.\n }",
"description": "header slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>column</b>: Column, // Column node.\n }",
"description": "footer slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "editor",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>data</b>: any, // Row data.\n \t <b>column</b>: Column, // Column node.\n \t <b>field</b>: string, // Column field.\n \t <b>index</b>: number, // Row index.\n \t <b>frozenRow</b>: boolean, // Whether the row is frozen.\n \t <b>editorSaveCallback()</b>: void, // Callback function\n \t <b>editorCancelCallback()</b>: void, // Callback function\n }",
"description": "editor slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom editor template."
},
{
"name": "filter",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>field</b>: string, // Column field.\n \t <b>filterModel</b>: ColumnFilterModelType, // Filter metadata\n \t <b>filterCallback()</b>: void, // Callback function\n }",
"description": "filter slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter template."
},
{
"name": "filterheader",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>field</b>: string, // Column field.\n \t <b>filterModel</b>: ColumnFilterModelType, // Filter metadata\n \t <b>filterCallback()</b>: void, // Callback function\n }",
"description": "filter header slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter header template."
},
{
"name": "filterfooter",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>field</b>: string, // Column field.\n \t <b>filterModel</b>: ColumnFilterModelType, // Filter metadata\n \t <b>filterCallback()</b>: void, // Callback function\n }",
"description": "filter footer slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter footer template."
},
{
"name": "filterclear",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>field</b>: string, // Column field.\n \t <b>filterModel</b>: ColumnFilterModelType, // Filter metadata\n \t <b>filterCallback()</b>: void, // Callback function\n }",
"description": "filter clear slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter clear template."
},
{
"name": "filterapply",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>field</b>: string, // Column field.\n \t <b>filterModel</b>: ColumnFilterModelType, // Filter metadata\n \t <b>filterCallback()</b>: void, // Callback function\n }",
"description": "filter apply slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter apply template."
},
{
"name": "loading",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>data</b>: any, // Row data.\n \t <b>column</b>: Column, // Column node.\n \t <b>field</b>: string, // Column field.\n \t <b>index</b>: number, // Row index.\n \t <b>frozenRow</b>: boolean, // Whether the row is frozen.\n \t <b>loadingOptions</b>: ColumnLoadingOptions, // Loading options.\n }",
"description": "loading slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading template."
},
{
"name": "rowtogglericon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>rowExpanded</b>: boolean, // Current row expanded state.\n }",
"description": "row toggler icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom row toggler icon template."
},
{
"name": "rowcheckboxicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>checked</b>: boolean, // Current check state.\n }",
"description": "header row icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom row checkbox icon template."
},
{
"name": "roweditoriniticon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom row editor init icon template."
},
{
"name": "roweditorsaveicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom row editor save icon template."
},
{
"name": "roweditorcancelicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom row editor cancel icon template."
},
{
"name": "filtericon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter icon template."
},
{
"name": "filterclearicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter clear icon template."
},
{
"name": "filterremoveicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter remove icon template."
},
{
"name": "filteraddicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter add icon template."
},
{
"name": "sorticon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>sorted</b>: boolean, // Current sort state.\n \t <b>sortOrder</b>: boolean, // Current sort order state.\n }",
"description": "sort icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom sort icon template."
},
{
"name": "headercheckboxicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>checked</b>: boolean, // Current check state.\n }",
"description": "header checkbox icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header checkbox icon template."
},
{
"name": "rowreordericon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom row reorder icon template."
}
]
},
"ColumnEmits": {
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"columngroup": {
"description": "Columns can be grouped at header and footer sections by defining a ColumnGroup component.\nIt is a helper component for DataTable.\n\n[Live Demo](https://www.primevue.org/datatable/)",
"components": {
"default": {
"description": "It is a helper component for DataTable.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ColumnGroupProps": {
"description": "Defines valid properties in ColumnGroup component.",
"relatedProp": "",
"props": [
{
"name": "type",
"optional": true,
"readonly": false,
"type": "\"footer\" | \"header\"",
"default": "",
"description": "Type of column group"
}
],
"methods": []
},
"ColumnGroupSlots": {
"description": "Defines valid slots in ColumnGroup component.",
"relatedProp": "",
"props": [],
"methods": []
},
"ColumnGroupEmits": {
"description": "Defines valid emits in ColumnGroup component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"config/PrimeVue": {
"functions": {
"description": "Defines the custom functions used by the module.",
"values": {
"usePrimeVue": {
"name": "usePrimeVue",
"parameters": [],
"returnType": "Object"
}
}
}
},
"confirmationoptions": {
"description": "[Live Demo](https://www.primevue.org/confirmdialog/)",
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ConfirmationOptions": {
"description": "Confirmation Service options.",
"relatedProp": "",
"props": [
{
"name": "target",
"optional": true,
"readonly": false,
"type": "HTMLElement",
"default": "",
"description": "Element to align the overlay."
},
{
"name": "header",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Header text of the dialog."
},
{
"name": "message",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Message of the confirmation."
},
{
"name": "group",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance."
},
{
"name": "position",
"optional": true,
"readonly": false,
"type": "\"center\" | \"left\" | \"top\" | \"bottom\" | \"right\" | \"topleft\" | \"topright\" | \"bottomleft\" | \"bottomright\"",
"default": "center",
"description": "Position of the dialog."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display next to the message."
},
{
"name": "blockScroll",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether background scroll should be blocked when dialog is visible."
},
{
"name": "accept",
"optional": true,
"readonly": false,
"type": "Function",
"default": ""
},
{
"name": "onHide",
"optional": true,
"readonly": false,
"type": "Function",
"default": ""
},
{
"name": "acceptLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Label of the accept button. Defaults to PrimeVue Locale configuration."
},
{
"name": "rejectLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Label of the reject button. Defaults to PrimeVue Locale configuration."
},
{
"name": "acceptIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the accept button."
},
{
"name": "rejectIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the reject button."
},
{
"name": "acceptClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the accept button."
},
{
"name": "rejectClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the reject button."
},
{
"name": "defaultFocus",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Element to receive the focus when the dialog gets visible, valid values are \"accept\" and \"reject\"."
}
],
"methods": [
{
"name": "reject",
"parameters": [],
"returnType": "void",
"description": "Callback to execute when action is rejected."
}
]
}
}
}
},
"confirmationservice-useconfirm": {
"description": "[Live Demo](https://www.primevue.org/confirmdialog/)",
"model": {
"ConfirmationServiceMethods": {
"description": "Confirmation Service methods.",
"props": {
"description": "",
"values": []
},
"methods": {
"description": "",
"values": [
{
"name": "require",
"parameters": [
{
"name": "options",
"optional": false,
"type": "ConfirmationOptions",
"description": "Confirmation Object"
}
],
"returnType": "void",
"description": "Displays the dialog using the confirmation object options."
},
{
"name": "close",
"parameters": [],
"returnType": "void",
"description": "Hides the dialog without invoking accept or reject callbacks."
}
]
}
}
}
},
"confirmdialog": {
"description": "ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag.\n\n[Live Demo](https://www.primevue.org/confirmdialog)",
"components": {
"default": {
"description": "ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ConfirmDialogBreakpoints": {
"description": "Breakpoint metadata.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "string"
}
],
"methods": []
},
"ConfirmDialogProps": {
"description": "Defines valid properties in ConfirmDialog component.",
"relatedProp": "",
"props": [
{
"name": "group",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance."
},
{
"name": "breakpoints",
"optional": true,
"readonly": false,
"type": "ConfirmDialogBreakpoints",
"default": "",
"description": "Object literal to define widths per screen size."
},
{
"name": "draggable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Enables dragging to change the position using header."
}
],
"methods": []
},
"ConfirmDialogSlots": {
"description": "Defines valid slots in ConfirmDialog component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "message",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>message</b>: ConfirmationOptions, // Message of the component\n }",
"description": "message slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom message template."
},
{
"name": "icon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: any, // Style class of the icon template\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
},
{
"name": "accepticon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
},
{
"name": "rejecticon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
}
]
},
"ConfirmDialogEmits": {
"description": "Defines valid emits in ConfirmDialog component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"confirmpopup": {
"description": "ConfirmPopup displays a confirmation overlay displayed relatively to its target.\n\n[Live Demo](https://www.primevue.org/confirmpopup)",
"components": {
"default": {
"description": "ConfirmPopup displays a confirmation overlay displayed relatively to its target.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ConfirmPopupProps": {
"description": "Defines valid properties in ConfirmPopup component.",
"relatedProp": "",
"props": [
{
"name": "group",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance."
}
],
"methods": []
},
"ConfirmPopupSlots": {
"description": "Defines valid slots in ConfirmPopup component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "message",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>message</b>: ConfirmationOptions, // Message of the component\n }",
"description": "message slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom message template."
},
{
"name": "icon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: any, // Style class of the icon template\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
},
{
"name": "accepticon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
},
{
"name": "rejecticon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
}
]
},
"ConfirmPopupEmits": {
"description": "Defines valid emits in ConfirmPopup component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"contextmenu": {
"description": "ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu.\nRefer to documentation of the individual documentation of the with context menu support.\n\n[Live Demo](https://www.primevue.org/contextmenu/)",
"components": {
"default": {
"description": "ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu.\nRefer to documentation of the individual documentation of the with context menu support.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": [
{
"name": "toggle",
"parameters": [
{
"name": "event",
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Toggles the visibility of the menu."
},
{
"name": "show",
"parameters": [
{
"name": "event",
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Shows the menu."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Hides the menu."
}
]
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ContextMenuProps": {
"description": "Defines valid properties in ContextMenu component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of menuitems."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "global",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Attaches the menu to document instead of a particular item."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying menu element."
}
],
"methods": []
},
"ContextMenuSlots": {
"description": "Defines valid slots in ContextMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
},
{
"name": "itemicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n \t <b>class</b>: any, // Style class of the item icon element.\n }",
"description": "item icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item icon template."
},
{
"name": "submenuicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>active</b>: boolean, // Whether item is active\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom submenu icon template."
}
]
},
"ContextMenuEmits": {
"description": "Defines valid emits in ContextMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
},
{
"name": "before-show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the popup is shown."
},
{
"name": "before-hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the popup is hidden."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the popup is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the popup is hidden."
}
]
}
}
}
},
"datatable": {
"description": "DataTable displays data in tabular format.\n\n[Live Demo](https://www.primevue.org/datatable/)",
"components": {
"default": {
"description": "DataTable displays data in tabular format.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": [
{
"name": "exportCSV",
"parameters": [
{
"name": "options",
"type": "DataTableExportCSVOptions",
"description": "Export options."
},
{
"name": "data",
"type": "any[]",
"description": "Custom exportable data. This param can be used on lazy dataTable."
}
],
"returnType": "void",
"description": "Exports the data to CSV format."
}
]
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DataTableExportFunctionOptions": {
"description": "Custom datatable export metadata.",
"relatedProp": "",
"props": [
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Row data"
},
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Column Field"
}
],
"methods": []
},
"DataTableFilterMetaData": {
"description": "Custom datatable filter metadata.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Filter value"
},
{
"name": "matchMode",
"optional": false,
"readonly": false,
"type": "undefined | string",
"default": "",
"description": "Filter match mode"
}
],
"methods": []
},
"DataTableOperatorFilterMetaData": {
"description": "Custom datatable operator filter metadata.",
"relatedProp": "",
"props": [
{
"name": "operator",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Filter operator"
},
{
"name": "constraints",
"optional": false,
"readonly": false,
"type": "DataTableFilterMetaData[]",
"default": "",
"description": "Array of filter meta datas."
}
],
"methods": []
},
"DataTableFilterMeta": {
"description": "Custom datatable filter metadata.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "string | DataTableFilterMetaData | DataTableOperatorFilterMetaData"
}
],
"methods": []
},
"DataTableSortMeta": {
"description": "Custom datatable sort meta.",
"relatedProp": "",
"props": [
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Column field"
},
{
"name": "order",
"optional": false,
"readonly": false,
"type": "undefined | null | 0 | 1 | -1",
"default": "",
"description": "Column sort order"
}
],
"methods": []
},
"DataTableExpandedRows": {
"description": "Custom datatable expanded rows.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "boolean"
}
],
"methods": []
},
"DataTableEditingRows": {
"description": "Custom datatable editing rows.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "boolean"
}
],
"methods": []
},
"DataTableExportCSVOptions": {
"description": "Custom datatable export csv metadata.",
"relatedProp": "",
"props": [
{
"name": "selectionOnly",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether to export only selection data."
}
],
"methods": []
},
"DataTableSortEvent": {
"description": "Custom sort event.",
"relatedProp": "DataTableEmits.sort",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of first record"
},
{
"name": "rows",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display in new page"
},
{
"name": "sortField",
"optional": false,
"readonly": false,
"type": "undefined | string | Function",
"default": "",
"description": "Field to sort against"
},
{
"name": "sortOrder",
"optional": false,
"readonly": false,
"type": "undefined | null | 0 | 1 | -1",
"default": "",
"description": "Sort order as integer"
},
{
"name": "multiSortMeta",
"optional": false,
"readonly": false,
"type": "undefined | DataTableSortMeta[]",
"default": "",
"description": "MultiSort metadata"
},
{
"name": "filters",
"optional": false,
"readonly": false,
"type": "DataTableFilterMeta",
"default": "",
"description": "Collection of active filters"
},
{
"name": "filterMatchModes",
"optional": false,
"readonly": false,
"type": "undefined | string",
"default": "",
"description": "Match modes per field"
}
],
"methods": [],
"extendedBy": "DataTablePageEvent,DataTableFilterEvent"
},
"DataTablePageEvent": {
"description": "Custom pagination event.",
"relatedProp": "DataTableEmits.page",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of first record"
},
{
"name": "rows",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display in new page"
},
{
"name": "sortField",
"optional": false,
"readonly": false,
"type": "undefined | string | Function",
"default": "",
"description": "Field to sort against"
},
{
"name": "sortOrder",
"optional": false,
"readonly": false,
"type": "undefined | null | 0 | 1 | -1",
"default": "",
"description": "Sort order as integer"
},
{
"name": "multiSortMeta",
"optional": false,
"readonly": false,
"type": "undefined | DataTableSortMeta[]",
"default": "",
"description": "MultiSort metadata"
},
{
"name": "filters",
"optional": false,
"readonly": false,
"type": "DataTableFilterMeta",
"default": "",
"description": "Collection of active filters"
},
{
"name": "filterMatchModes",
"optional": false,
"readonly": false,
"type": "undefined | string",
"default": "",
"description": "Match modes per field"
},
{
"name": "page",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "New page number"
},
{
"name": "pageCount",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Total page count"
}
],
"methods": [],
"extendedTypes": "DataTableSortEvent"
},
"DataTableFilterEvent": {
"description": "Custom filter event.",
"relatedProp": "DataTableEmits.filter",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of first record"
},
{
"name": "rows",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display in new page"
},
{
"name": "sortField",
"optional": false,
"readonly": false,
"type": "undefined | string | Function",
"default": "",
"description": "Field to sort against"
},
{
"name": "sortOrder",
"optional": false,
"readonly": false,
"type": "undefined | null | 0 | 1 | -1",
"default": "",
"description": "Sort order as integer"
},
{
"name": "multiSortMeta",
"optional": false,
"readonly": false,
"type": "undefined | DataTableSortMeta[]",
"default": "",
"description": "MultiSort metadata"
},
{
"name": "filters",
"optional": false,
"readonly": false,
"type": "DataTableFilterMeta",
"default": "",
"description": "Collection of active filters"
},
{
"name": "filterMatchModes",
"optional": false,
"readonly": false,
"type": "undefined | string",
"default": "",
"description": "Match modes per field"
},
{
"name": "filteredValue",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Filtered collection (non-lazy only)"
}
],
"methods": [],
"extendedTypes": "DataTableSortEvent"
},
"DataTableRowClickEvent": {
"description": "Custom row click event.",
"relatedProp": "DataTableEmits['row-click']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected row data."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Row index."
}
],
"methods": [],
"extendedBy": "DataTableRowDoubleClickEvent,DataTableRowContextMenuEvent"
},
"DataTableRowDoubleClickEvent": {
"description": "Custom row double click event.",
"relatedProp": "DataTableEmits['row-dblclick']]",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected row data."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Row index."
}
],
"methods": [],
"extendedTypes": "DataTableRowClickEvent"
},
"DataTableRowContextMenuEvent": {
"description": "Custom row context menu event.",
"relatedProp": "DataTableEmits['row-contextmenu']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected row data."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Row index."
}
],
"methods": [],
"extendedTypes": "DataTableRowClickEvent"
},
"DataTableRowSelectEvent": {
"description": "Custom row select event.",
"relatedProp": "DataTableEmits['row-select']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected row data"
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Row index"
},
{
"name": "type",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Type of the selection, valid values are 'row', 'radio' or 'checkbox'."
}
],
"methods": [],
"extendedBy": "DataTableRowUnselectEvent"
},
"DataTableRowUnselectEvent": {
"description": "Custom row unselect event.",
"relatedProp": "DataTableEmits['row-unselect']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected row data"
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Row index"
},
{
"name": "type",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Type of the selection, valid values are 'row', 'radio' or 'checkbox'."
}
],
"methods": [],
"extendedTypes": "DataTableRowSelectEvent"
},
"DataTableRowSelectAllEvent": {
"description": "Custom row select all event.",
"relatedProp": "DataTableEmits['row-select-all']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected dataset"
}
],
"methods": []
},
"DataTableRowUnselectAllEvent": {
"description": "Custom row unselect all event.",
"relatedProp": "DataTableEmits['row-unselect-all']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
}
],
"methods": []
},
"DataTableSelectAllChangeEvent": {
"description": "Custom row select all change event.",
"relatedProp": "DataTableEmits['select-all-change']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "checked",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether all data is selected."
}
],
"methods": []
},
"DataTableColumnResizeEndEvent": {
"description": "Custom column resize end event.",
"relatedProp": "DataTableEmits['column-resize-end']",
"props": [
{
"name": "element",
"optional": false,
"readonly": false,
"type": "HTMLElement",
"default": "",
"description": "DOM element of the resized column."
},
{
"name": "delta",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Change in column width"
}
],
"methods": []
},
"DataTableColumnReorderEvent": {
"description": "Custom row column reorder event.",
"relatedProp": "DataTableEmits['column-reorder']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "dragIndex",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the dragged column"
},
{
"name": "dropIndex",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the dropped column"
}
],
"methods": []
},
"DataTableRowReorderEvent": {
"description": "Custom row reorder event.",
"relatedProp": "DataTableEmits['row-reorder']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "dragIndex",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the dragged row"
},
{
"name": "dropIndex",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the dropped row"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Reordered value"
}
],
"methods": []
},
"DataTableRowExpandEvent": {
"description": "Custom row expand event.",
"relatedProp": "DataTableEmits['row-expand']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Expanded row data"
}
],
"methods": [],
"extendedBy": "DataTableRowCollapseEvent"
},
"DataTableRowCollapseEvent": {
"description": "Custom row collapse event.",
"relatedProp": "DataTableEmits['row-expand']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Expanded row data"
}
],
"methods": [],
"extendedTypes": "DataTableRowExpandEvent"
},
"DataTableCellEditInitEvent": {
"description": "Custom cell edit init event.",
"relatedProp": "DataTableEmits['cell-edit-init']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Row data to edit."
},
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Field name of the row data."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the row data to edit."
}
],
"methods": [],
"extendedBy": "DataTableCellEditCancelEvent"
},
"DataTableCellEditCancelEvent": {
"description": "Custom cell edit cancel event.",
"relatedProp": "DataTableEmits['cell-edit-cancel']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Row data to edit."
},
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Field name of the row data."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the row data to edit."
}
],
"methods": [],
"extendedTypes": "DataTableCellEditInitEvent"
},
"DataTableCellEditCompleteEvent": {
"description": "Custom cell edit complete event.",
"relatedProp": "DataTableEmits['cell-edit-complete']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Row data to edit."
},
{
"name": "newData",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "New row data after editing."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Field value of row data to edit."
},
{
"name": "newValue",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Field value of new row data after editing."
},
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Field name of the row data."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the row data to edit."
},
{
"name": "type",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Type of completion such as 'enter', 'outside' or 'tab'."
}
],
"methods": []
},
"DataTableRowEditInitEvent": {
"description": "Custom row edit init event.",
"relatedProp": "DataTableEmits['row-edit-init']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Row data to edit."
},
{
"name": "newData",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "New row data after editing."
},
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Field name of the row data."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the row data to edit."
}
],
"methods": [],
"extendedBy": "DataTableRowEditSaveEvent,DataTableRowEditCancelEvent"
},
"DataTableRowEditSaveEvent": {
"description": "Custom row edit save event.",
"relatedProp": "DataTableEmits['row-edit-save']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Row data to edit."
},
{
"name": "newData",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "New row data after editing."
},
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Field name of the row data."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the row data to edit."
}
],
"methods": [],
"extendedTypes": "DataTableRowEditInitEvent"
},
"DataTableRowEditCancelEvent": {
"description": "Custom row edit cancel event.",
"relatedProp": "DataTableEmits['row-edit-cancel']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Row data to edit."
},
{
"name": "newData",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "New row data after editing."
},
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Field name of the row data."
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the row data to edit."
}
],
"methods": [],
"extendedTypes": "DataTableRowEditInitEvent"
},
"DataTableStateEvent": {
"description": "Custom state event.",
"relatedProp": "DataTableEmits['state-save']",
"props": [
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of first record"
},
{
"name": "rows",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display in new page"
},
{
"name": "sortField",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Field to sort against"
},
{
"name": "sortOrder",
"optional": false,
"readonly": false,
"type": "undefined | null | 0 | 1 | -1",
"default": "",
"description": "Sort order as integer"
},
{
"name": "multiSortMeta",
"optional": false,
"readonly": false,
"type": "undefined | DataTableSortMeta[]",
"default": "",
"description": "MultiSort metadata"
},
{
"name": "filters",
"optional": false,
"readonly": false,
"type": "DataTableFilterMeta",
"default": "",
"description": "Collection of active filters"
},
{
"name": "columWidths",
"optional": false,
"readonly": false,
"type": "string[]",
"default": "",
"description": "Comma separated list of column widths"
},
{
"name": "columnOrder",
"optional": false,
"readonly": false,
"type": "string[]",
"default": "",
"description": "Order of the columns"
},
{
"name": "expandedRows",
"optional": false,
"readonly": false,
"type": "any[] | DataTableExpandedRows",
"default": "",
"description": "Instances of rows in expanded state"
},
{
"name": "expandedRowKeys",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Keys of rows in expanded state"
},
{
"name": "expandedRowGroups",
"optional": false,
"readonly": false,
"type": "any[] | DataTableExpandedRows",
"default": "",
"description": "Instances of rows in expanded state"
},
{
"name": "selection",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected rows"
},
{
"name": "selectionKeys",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Keys of selected rows"
}
],
"methods": []
},
"DataTableProps": {
"description": "Defines valid properties in DataTable component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "null | any[]",
"default": "",
"description": "An array of objects to display."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Name of the field that uniquely identifies the a record in the data."
},
{
"name": "rows",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Number of rows to display per page."
},
{
"name": "first",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Index of the first row to be displayed."
},
{
"name": "totalRecords",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Number of total records, defaults to length of value when not defined."
},
{
"name": "paginator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified as true, enables the pagination."
},
{
"name": "paginatorPosition",
"optional": true,
"readonly": false,
"type": "\"both\" | \"top\" | \"bottom\"",
"default": "bottom",
"description": "Position of the paginator, options are 'top','bottom' or 'both'."
},
{
"name": "alwaysShowPaginator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show it even there is only one page."
},
{
"name": "paginatorTemplate",
"optional": true,
"readonly": false,
"type": "any",
"default": "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",
"description": "Template of the paginator. It can be customized using the template property using the predefined keys.\n\n- FirstPageLink\n- PrevPageLink\n- PageLinks\n- NextPageLink\n- LastPageLink\n- RowsPerPageDropdown\n- JumpToPageDropdown\n- JumpToPageInput\n- CurrentPageReport"
},
{
"name": "pageLinkSize",
"optional": true,
"readonly": false,
"type": "number",
"default": "5",
"description": "Number of page links to display."
},
{
"name": "rowsPerPageOptions",
"optional": true,
"readonly": false,
"type": "number[]",
"default": "",
"description": "Array of integer values to display inside rows per page dropdown."
},
{
"name": "currentPageReportTemplate",
"optional": true,
"readonly": false,
"type": "string",
"default": "'({currentPage} of {totalPages})'",
"description": "Template of the current page report element. It displays information about the pagination state. Available placeholders are the following;\n\n- {currentPage}\n- {totalPages}\n- {rows}\n- {first}\n- {last}\n- {totalRecords}"
},
{
"name": "lazy",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if data is loaded and interacted with in lazy manner."
},
{
"name": "loading",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Displays a loader to indicate data load is in progress."
},
{
"name": "loadingIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "The icon to show while indicating data load is in progress.",
"deprecated": "since v3.27.0. Use 'loadingicon' slot."
},
{
"name": "sortField",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or a getter function of a row data used for sorting by default"
},
{
"name": "sortOrder",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Order to sort the data by default."
},
{
"name": "defaultSortOrder",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Default sort order of an unsorted column."
},
{
"name": "multiSortMeta",
"optional": true,
"readonly": false,
"type": "DataTableSortMeta[]",
"default": "",
"description": "An array of SortMeta objects to sort the data."
},
{
"name": "sortMode",
"optional": true,
"readonly": false,
"type": "\"multiple\" | \"single\"",
"default": "single",
"description": "Defines whether sorting works on single column or on multiple columns."
},
{
"name": "removableSort",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, columns can have an un-sorted state."
},
{
"name": "filters",
"optional": true,
"readonly": false,
"type": "DataTableFilterMeta",
"default": "",
"description": "Filters object with key-value pairs to define the filters."
},
{
"name": "filterDisplay",
"optional": true,
"readonly": false,
"type": "\"menu\" | \"row\"",
"default": "",
"description": "Layout of the filter elements."
},
{
"name": "globalFilterFields",
"optional": true,
"readonly": false,
"type": "string[]",
"default": "",
"description": "Fields for global filter"
},
{
"name": "filterLocale",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
"name": "selection",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected row in single mode or an array of values in multiple mode."
},
{
"name": "selectionMode",
"optional": true,
"readonly": false,
"type": "\"multiple\" | \"single\"",
"default": "",
"description": "Specifies the selection mode."
},
{
"name": "compareSelectionBy",
"optional": true,
"readonly": false,
"type": "\"equals\" | \"deepEquals\"",
"default": "deepEquals",
"description": "Algorithm to define if a row is selected."
},
{
"name": "metaKeySelection",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Defines whether metaKey is requred or not for the selection. When true metaKey needs to be pressed to select or unselect an item and\nwhen set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically."
},
{
"name": "contextMenu",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Enables context menu integration."
},
{
"name": "contextMenuSelection",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected row instance with the ContextMenu."
},
{
"name": "selectAll",
"optional": true,
"readonly": false,
"type": "Nullable<boolean>",
"default": "",
"description": "Whether all data is selected."
},
{
"name": "rowHover",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, background of the rows change on hover."
},
{
"name": "csvSeparator",
"optional": true,
"readonly": false,
"type": "string",
"default": ",",
"description": "Character to use as the csv separator."
},
{
"name": "exportFilename",
"optional": true,
"readonly": false,
"type": "string",
"default": "download",
"description": "Name of the exported file."
},
{
"name": "resizableColumns",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, columns can be resized using drag and drop."
},
{
"name": "columnResizeMode",
"optional": true,
"readonly": false,
"type": "\"fit\" | \"expand\"",
"default": "fit",
"description": "Defines whether the overall table width."
},
{
"name": "reorderableColumns",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, columns can be reordered using drag and drop."
},
{
"name": "expandedRows",
"optional": true,
"readonly": false,
"type": "null | any[] | DataTableExpandedRows",
"default": "",
"description": "A collection of row data display as expanded."
},
{
"name": "expandedRowIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the row toggler to display the row as expanded.",
"deprecated": "since v3.27.0. Use 'rowtogglericon' slot."
},
{
"name": "collapsedRowIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the row toggler to display the row as collapsed.",
"deprecated": "since v3.27.0. Use 'rowtogglericon' slot."
},
{
"name": "rowGroupMode",
"optional": true,
"readonly": false,
"type": "\"rowspan\" | \"subheader\"",
"default": "",
"description": "Defines the row group mode."
},
{
"name": "groupRowsBy",
"optional": true,
"readonly": false,
"type": "string | string[] | Function",
"default": "",
"description": "One or more field names to use in row grouping."
},
{
"name": "expandableRowGroups",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the row groups can be expandable."
},
{
"name": "expandedRowGroups",
"optional": true,
"readonly": false,
"type": "any[] | DataTableExpandedRows",
"default": "",
"description": "An array of group field values whose groups would be rendered as expanded."
},
{
"name": "stateStorage",
"optional": true,
"readonly": false,
"type": "\"local\" | \"session\"",
"default": "session",
"description": "Defines where a stateful table keeps its state."
},
{
"name": "stateKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Unique identifier of a stateful table to use in state storage."
},
{
"name": "editMode",
"optional": true,
"readonly": false,
"type": "\"cell\" | \"row\"",
"default": "",
"description": "Defines the incell editing mode."
},
{
"name": "editingRows",
"optional": true,
"readonly": false,
"type": "any[] | DataTableEditingRows",
"default": "",
"description": "A collection of rows to represent the current editing data in row edit mode."
},
{
"name": "rowClass",
"optional": true,
"readonly": false,
"type": "Function",
"default": ""
},
{
"name": "rowStyle",
"optional": true,
"readonly": false,
"type": "Function",
"default": ""
},
{
"name": "scrollable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, enables horizontal and/or vertical scrolling."
},
{
"name": "scrollHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Height of the scroll viewport in fixed pixels or the 'flex' keyword for a dynamic size."
},
{
"name": "virtualScrollerOptions",
"optional": true,
"readonly": false,
"type": "VirtualScrollerProps",
"default": "",
"description": "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it.\nNote: Currently only vertical orientation mode is supported."
},
{
"name": "frozenValue",
"optional": true,
"readonly": false,
"type": "null | any[]",
"default": "",
"description": "Items of the frozen part in scrollable DataTable."
},
{
"name": "breakpoint",
"optional": true,
"readonly": false,
"type": "string",
"default": "960px",
"description": "The breakpoint to define the maximum width boundary when using stack responsive layout."
},
{
"name": "showGridlines",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to show grid lines between cells."
},
{
"name": "stripedRows",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to displays rows with alternating colors."
},
{
"name": "tableStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the table element."
},
{
"name": "tableClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the table element."
},
{
"name": "tableProps",
"optional": true,
"readonly": false,
"type": "TableHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the TableHTMLAttributes to table element inside the component."
},
{
"name": "filterInputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable filter input element inside the component."
}
],
"methods": [
{
"name": "exportFunction",
"parameters": [
{
"name": "options",
"optional": false,
"type": "DataTableExportFunctionOptions"
}
],
"returnType": "any",
"description": "Custom function to export data."
}
]
},
"DataTableSlots": {
"description": "Defines valid slots in DataTable component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "paginatorstart",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator start template."
},
{
"name": "paginatorend",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator end template."
},
{
"name": "empty",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom empty template."
},
{
"name": "groupheader",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>data</b>: any, // Row data\n \t <b>index</b>: number, // Row index\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom group header template."
},
{
"name": "groupfooter",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>data</b>: any, // Row data\n \t <b>index</b>: number, // Row index\n }",
"description": "group footer slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom group footer template."
},
{
"name": "loading",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading template."
},
{
"name": "expansion",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>data</b>: any, // Row data\n \t <b>index</b>: number, // Row index\n }",
"description": "expansion slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom expansion template."
},
{
"name": "loadingicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading icon template."
},
{
"name": "reorderindicatorupicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom reorder indicator up icon template."
},
{
"name": "reorderindicatordownicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom reorder indicator down icon template."
},
{
"name": "rowgrouptogglericon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>expanded</b>: boolean, // Current rowgroup's expanded state.\n }",
"description": "rowgroup toggler icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom rowgroup toggler icon template."
},
{
"name": "paginatorfirstpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator first page link icon template."
},
{
"name": "paginatorprevpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator previous page link icon template."
},
{
"name": "paginatornextpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator next page link icon template."
},
{
"name": "paginatorlastpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator last page link icon template."
}
]
},
"DataTableEmits": {
"description": "Defines valid emits in Datatable component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:first",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the first changes."
},
{
"name": "update:rows",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the rows changes."
},
{
"name": "update:sortField",
"parameters": [
{
"name": "value",
"optional": false,
"type": "string",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the sortField changes."
},
{
"name": "update:sortOrder",
"parameters": [
{
"name": "value",
"optional": false,
"type": "undefined | number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the sortOrder changes."
},
{
"name": "update:multiSortMeta",
"parameters": [
{
"name": "value",
"optional": false,
"type": "undefined | null | DataTableSortMeta[]",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the multiSortMeta changes."
},
{
"name": "update:selection",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the selection changes."
},
{
"name": "update:contextMenuSelection",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the contextMenuSelection changes."
},
{
"name": "update:expandedRows",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any[] | DataTableExpandedRows",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the expandedRows changes."
},
{
"name": "update:expandedRowGroups",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any[] | DataTableExpandedRows",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the expandedRowGroups changes."
},
{
"name": "update:filters",
"parameters": [
{
"name": "value",
"optional": false,
"type": "DataTableFilterMeta",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the filters changes."
},
{
"name": "update:editingRows",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any[] | DataTableEditingRows",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the editingRows changes."
},
{
"name": "page",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTablePageEvent",
"description": "Custom page event."
}
],
"returnType": "void",
"description": "Callback to invoke on pagination. Sort and Filter information is also available for lazy loading implementation."
},
{
"name": "sort",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableSortEvent",
"description": "Custom sort event."
}
],
"returnType": "void",
"description": "Callback to invoke on sort. Page and Filter information is also available for lazy loading implementation."
},
{
"name": "filter",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableFilterEvent",
"description": "Custom filter event."
}
],
"returnType": "void",
"description": "Event to emit after filtering, not triggered in lazy mode."
},
{
"name": "value-change",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any[]",
"description": "Value displayed by the table."
}
],
"returnType": "void",
"description": "Callback to invoke after filtering, sorting, pagination and cell editing to pass the rendered value."
},
{
"name": "row-click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowClickEvent",
"description": "Custom row click event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row is clicked."
},
{
"name": "row-dblclick",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowDoubleClickEvent",
"description": "Custom row double click event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row is double clicked."
},
{
"name": "row-contextmenu",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowContextMenuEvent",
"description": "Custom row context menu event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row is selected with a ContextMenu."
},
{
"name": "row-select",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowSelectEvent",
"description": "Custom row select event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row is selected."
},
{
"name": "row-select-all",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowSelectAllEvent",
"description": "Custom row select all event."
}
],
"returnType": "void",
"description": "Fired when header checkbox is checked."
},
{
"name": "row-unselect-all",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowUnselectAllEvent",
"description": "Custom row unselect all event."
}
],
"returnType": "void",
"description": "Fired when header checkbox is unchecked."
},
{
"name": "row-unselect",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowUnselectEvent",
"description": "Custom row unselect event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row is unselected."
},
{
"name": "select-all-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableSelectAllChangeEvent",
"description": "Custom select all change event."
}
],
"returnType": "void",
"description": "Callback to invoke when all data is selected."
},
{
"name": "column-resize-end",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableColumnResizeEndEvent"
}
],
"returnType": "void",
"description": "Callback to invoke when a column is resized."
},
{
"name": "column-reorder",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableColumnReorderEvent",
"description": "Custom column reorder event."
}
],
"returnType": "void",
"description": "Callback to invoke when a column is reordered."
},
{
"name": "row-reorder",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowReorderEvent",
"description": "Custom row reorder event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row is reordered."
},
{
"name": "row-expand",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowExpandEvent",
"description": "Custom row expand event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row is expanded."
},
{
"name": "row-collapse",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowCollapseEvent",
"description": "Custom row collapse event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row is collapsed."
},
{
"name": "rowgroup-expand",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowExpandEvent",
"description": "Custom row expand event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row group is expanded."
},
{
"name": "rowgroup-collapse",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowCollapseEvent",
"description": "Custom row collapse event."
}
],
"returnType": "void",
"description": "Callback to invoke when a row group is collapsed."
},
{
"name": "cell-edit-init",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableCellEditInitEvent",
"description": "Custom cell edit init."
}
],
"returnType": "void",
"description": "Callback to invoke when cell edit is initiated."
},
{
"name": "cell-edit-complete",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableCellEditCompleteEvent",
"description": "Custom cell edit complete event."
}
],
"returnType": "void",
"description": "Callback to invoke when cell edit is completed."
},
{
"name": "cell-edit-cancel",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableCellEditCancelEvent",
"description": "Custom cell edit cancel event."
}
],
"returnType": "void",
"description": "Callback to invoke when cell edit is cancelled with escape key."
},
{
"name": "row-edit-init",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowEditInitEvent",
"description": "Custom row edit init event."
}
],
"returnType": "void",
"description": "Callback to invoke when row edit is initiated."
},
{
"name": "row-edit-save",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowEditSaveEvent",
"description": "Custom row edit save event."
}
],
"returnType": "void",
"description": "Callback to invoke when row edit is saved."
},
{
"name": "row-edit-cancel",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableRowEditCancelEvent",
"description": "Custom row edit cancel event."
}
],
"returnType": "void",
"description": "Callback to invoke when row edit is cancelled."
},
{
"name": "state-restore",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableStateEvent",
"description": "Custom state event."
}
],
"returnType": "void",
"description": "Invoked when a stateful table saves the state."
},
{
"name": "state-save",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataTableStateEvent",
"description": "Custom state event."
}
],
"returnType": "void",
"description": "Invoked when a stateful table restores the state."
}
]
}
}
}
},
"dataview": {
"description": "DataView displays data in grid or list layout with pagination and sorting features.\n\n[Live Demo](https://www.primevue.org/dataview/)",
"components": {
"default": {
"description": "DataView displays data in grid or list layout with pagination and sorting features.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DataViewPageEvent": {
"description": "Custom page event.",
"relatedProp": "DataViewEmits.page",
"props": [
{
"name": "page",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "New page number"
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of first record"
},
{
"name": "rows",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display in new page"
},
{
"name": "pageCount",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Total number of pages"
}
],
"methods": []
},
"DataViewProps": {
"description": "Defines valid properties in DataView component. In addition to these, all properties of HTMLDivElement can be used in this component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "An array of objects to display."
},
{
"name": "layout",
"optional": true,
"readonly": false,
"type": "\"grid\" | \"list\"",
"default": "list",
"description": "Layout of the items, valid values are 'list' and 'grid'."
},
{
"name": "rows",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Number of rows to display per page."
},
{
"name": "first",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Index of the first record to render."
},
{
"name": "totalRecords",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of total records, defaults to length of value when not defined."
},
{
"name": "paginator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified as true, enables the pagination."
},
{
"name": "paginatorPosition",
"optional": true,
"readonly": false,
"type": "\"both\" | \"top\" | \"bottom\"",
"default": "bottom",
"description": "Position of the paginator, options are 'top','bottom' or 'both'."
},
{
"name": "alwaysShowPaginator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show it even there is only one page."
},
{
"name": "paginatorTemplate",
"optional": true,
"readonly": false,
"type": "string",
"default": "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",
"description": "Template of the paginator. It can be customized using the template property using the predefined keys,\n\n- FirstPageLink\n- PrevPageLink\n- PageLinks\n- NextPageLink\n- LastPageLink\n- RowsPerPageDropdown\n- JumpToPageDropdown\n- JumpToPageInput\n- CurrentPageReport"
},
{
"name": "pageLinkSize",
"optional": true,
"readonly": false,
"type": "number",
"default": "5",
"description": "Number of page links to display."
},
{
"name": "rowsPerPageOptions",
"optional": true,
"readonly": false,
"type": "number[]",
"default": "",
"description": "Array of integer values to display inside rows per page dropdown."
},
{
"name": "currentPageReportTemplate",
"optional": true,
"readonly": false,
"type": "string",
"default": "'({currentPage} of {totalPages})'",
"description": "Template of the current page report element. It displays information about the pagination state.\n\n- {currentPage}\n- {totalPages}\n- {rows}\n- {first}\n- {last}\n- {totalRecords}"
},
{
"name": "sortField",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or a getter function of data to use in sorting by default."
},
{
"name": "sortOrder",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Order to sort the data by default."
},
{
"name": "lazy",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if data is loaded and interacted with in lazy manner."
},
{
"name": "dataKey",
"optional": false,
"readonly": false,
"type": "undefined | string",
"default": "",
"description": "Name of the data that uniquely identifies the a record in the data."
}
],
"methods": []
},
"DataViewSlots": {
"description": "Defines valid slots in DataView component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "empty",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom empty template."
},
{
"name": "paginatorstart",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator start template."
},
{
"name": "paginatorend",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator end template."
},
{
"name": "list",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>data</b>: any, // Value of the component\n \t <b>index</b>: number, // Index of the grid\n }",
"description": "list slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom list template."
},
{
"name": "grid",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>data</b>: any, // Value of the component\n \t <b>index</b>: number, // Index of the grid\n }",
"description": "list slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom list template."
}
]
},
"DataViewEmits": {
"description": "Defines valid slots in DataView component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:first",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the first changes."
},
{
"name": "update:rows",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the rows changes."
},
{
"name": "page",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DataViewPageEvent",
"description": "Custom page event."
}
],
"returnType": "void",
"description": "Callback to invoke when page changes, the event object contains information about the new state."
}
]
}
}
}
},
"dataviewlayoutoptions": {
"description": "The helper DataViewLayoutOptions component can be used to switch between the modes however this component is optional and you may use your own UI to switch modes as well.\n\n[Live Demo](https://www.primevue.org/dataview/)",
"components": {
"default": {
"description": "The helper DataViewLayoutOptions component can be used to switch between the modes however this component is optional and you may use your own UI to switch modes as well.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DataViewLayoutOptionsProps": {
"description": "Defines valid properties in DataViewLayoutOptions component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Value of the component."
}
],
"methods": []
},
"DataViewLayoutOptionsSlots": {
"description": "Defines valid slots in DataViewLayoutOptions component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "listicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom list icon template."
},
{
"name": "gridicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom grid icon template."
}
]
},
"DataViewLayoutOptionsEmits": {
"description": "Defines valid emits in DataViewLayoutOptions component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "string",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
}
]
}
}
}
},
"deferredcontent": {
"description": "DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.\n\n[Live Demo](https://www.primevue.org/deferredcontent/)",
"components": {
"default": {
"description": "DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DeferredContentPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "DeferredContentProps",
"default": ""
},
{
"name": "state",
"optional": false,
"readonly": false,
"type": "DeferredContentState",
"default": ""
}
],
"methods": []
},
"DeferredContentPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "DeferredContentProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "DeferredContentPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
}
],
"methods": []
},
"DeferredContentPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"DeferredContentState": {
"description": "Defines current inline state in DeferredContent component.",
"relatedProp": "",
"props": [
{
"name": "loaded",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Current loaded state as a boolean."
}
],
"methods": []
},
"DeferredContentProps": {
"description": "Defines valid props in DeferredContent component.",
"relatedProp": "",
"props": [
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "DeferredContentPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"DeferredContentSlots": {
"description": "Defines valid slots in DeferredContent component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Default content slot."
}
]
},
"DeferredContentEmits": {
"description": "Defines valid emits in DeferredContent component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "load",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when deferred content is loaded."
}
]
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"DeferredContentPassThroughOptionType": {
"values": "DeferredContentPassThroughAttributes | (options: DeferredContentPassThroughMethodOptions) => DeferredContentPassThroughAttributes | null | undefined"
}
}
}
},
"dialog": {
"description": "Dialog is a container to display content in an overlay window.\n\n[Live Demo](https://www.primevue.org/dialog)",
"components": {
"default": {
"description": "Dialog is a container to display content in an overlay window.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DialogBreakpoints": {
"description": "Custom breakpoint metadata.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "string"
}
],
"methods": []
},
"DialogProps": {
"description": "Defines valid properties in Dialog component.",
"relatedProp": "",
"props": [
{
"name": "header",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Title content of the dialog."
},
{
"name": "footer",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Footer content of the dialog."
},
{
"name": "visible",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Specifies the visibility of the dialog."
},
{
"name": "modal",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if background should be blocked when dialog is displayed."
},
{
"name": "contentStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style of the content section."
},
{
"name": "contentClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the content section."
},
{
"name": "contentProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
},
{
"name": "rtl",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled dialog is displayed in RTL direction."
},
{
"name": "closable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Adds a close icon to the header to hide the dialog."
},
{
"name": "dismissableMask",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Specifies if clicking the modal background should hide the dialog."
},
{
"name": "closeOnEscape",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Specifies if pressing escape key should hide the dialog."
},
{
"name": "showHeader",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show the header or not."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "position",
"optional": true,
"readonly": false,
"type": "\"center\" | \"left\" | \"top\" | \"bottom\" | \"right\" | \"topleft\" | \"topright\" | \"bottomleft\" | \"bottomright\"",
"default": "center",
"description": "Position of the dialog."
},
{
"name": "maximizable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the dialog can be displayed full screen."
},
{
"name": "breakpoints",
"optional": true,
"readonly": false,
"type": "DialogBreakpoints",
"default": "",
"description": "Object literal to define widths per screen size."
},
{
"name": "draggable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Enables dragging to change the position using header."
},
{
"name": "keepInViewPort",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Keeps dialog in the viewport when dragging."
},
{
"name": "minX",
"optional": true,
"readonly": false,
"type": "number",
"default": "0.",
"description": "Minimum value for the left coordinate of dialog in dragging."
},
{
"name": "minY",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Minimum value for the top coordinate of dialog in dragging."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the dialog gets attached."
},
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style of the dynamic dialog."
},
{
"name": "closeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the dialog close button.",
"deprecated": "since v3.27.0. Use 'closeicon' slot."
},
{
"name": "maximizeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the dialog maximize button when dialog is not maximized.",
"deprecated": "since v3.27.0. Use 'maximizeicon' slot."
},
{
"name": "minimizeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the dialog maximize button when dialog is minimized.",
"deprecated": "since v3.27.0. Use 'minimizeicon' slot."
}
],
"methods": []
},
"DialogSlots": {
"description": "Defines valid slots in Dialog component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Default content slot."
},
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "closeicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom close icon template."
},
{
"name": "maximizeicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>maximized</b>: boolean, // Maximized state as a boolean\n }",
"description": "maximize icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom maximize icon template of dialog."
}
]
},
"DialogEmits": {
"description": "Defines valid emits in Dialog component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:visible",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the visible changes."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when dialog is hidden."
},
{
"name": "after-hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke after dialog is hidden."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when dialog is shown."
},
{
"name": "maximize",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Fired when a dialog gets maximized."
},
{
"name": "unmaximize",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Fired when a dialog gets unmaximized."
},
{
"name": "dragend",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Fired when a dialog drag completes."
}
]
}
}
}
},
"dialogservice-usedialog": {
"description": "[Live Demo](https://www.primevue.org/dynamicdialog/)",
"model": {
"DialogServiceMethods": {
"description": "Dynamic Dialog components methods.",
"props": {
"description": "",
"values": []
},
"methods": {
"description": "",
"values": [
{
"name": "open",
"parameters": [
{
"name": "content",
"optional": false,
"type": "any",
"description": "Dynamic component for content template"
},
{
"name": "options",
"optional": true,
"type": "DynamicDialogOptions",
"description": "DynamicDialog Object"
}
],
"returnType": "DynamicDialogInstance",
"description": "Displays the dialog using the dynamic dialog object options."
}
]
}
}
}
},
"divider": {
"description": "Divider is used to separate contents.\n\n[Live Demo](https://primevue.org/divider)",
"components": {
"default": {
"description": "Divider is used to separate contents.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DividerPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "DividerProps",
"default": ""
}
],
"methods": []
},
"DividerPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "DividerProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "DividerPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "content",
"optional": true,
"readonly": false,
"type": "DividerPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the content's DOM element."
}
],
"methods": []
},
"DividerPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"DividerProps": {
"description": "Defines valid properties in Divider component.",
"relatedProp": "",
"props": [
{
"name": "align",
"optional": true,
"readonly": false,
"type": "\"center\" | \"left\" | \"top\" | \"bottom\" | \"right\"",
"default": "",
"description": "Alignment of the content."
},
{
"name": "layout",
"optional": true,
"readonly": false,
"type": "\"horizontal\" | \"vertical\"",
"default": "horizontal",
"description": "Specifies the orientation, valid values are 'horizontal' and 'vertical'."
},
{
"name": "type",
"optional": true,
"readonly": false,
"type": "\"dashed\" | \"dotted\" | \"solid\"",
"default": "solid",
"description": "Border style type."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "DividerPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"DividerSlots": {
"description": "Defines valid slots in Divider slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Default content slot."
}
]
},
"DividerEmits": {
"relatedProp": "",
"props": [],
"methods": []
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"DividerPassThroughOptionType": {
"values": "DividerPassThroughAttributes | (options: DividerPassThroughMethodOptions) => DividerPassThroughAttributes | null | undefined"
}
}
}
},
"dock": {
"description": "Dock is a navigation component consisting of menuitems.\n\n[Live Demo](https://www.primevue.org/dock/)",
"components": {
"default": {
"description": "Dock is a navigation component consisting of menuitems.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DockTooltipOptions": {
"description": "Defines tooltip options",
"relatedProp": "",
"props": [
{
"name": "event",
"optional": false,
"readonly": false,
"type": "undefined | \"focus\" | \"hover\"",
"default": "",
"description": "Event to show the tooltip, valid values are hover and focus."
},
{
"name": "position",
"optional": false,
"readonly": false,
"type": "undefined | \"left\" | \"top\" | \"bottom\" | \"right\"",
"default": "bottom",
"description": "Position of element."
},
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"DockProps": {
"description": "Defines valid properties in Dock component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "MenuModel instance to define the action items."
},
{
"name": "position",
"optional": true,
"readonly": false,
"type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
"default": "bottom",
"description": "Position of element."
},
{
"name": "class",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the element."
},
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the element."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
},
{
"name": "tooltipOptions",
"optional": true,
"readonly": false,
"type": "DockTooltipOptions",
"default": "",
"description": "Whether to display the tooltip on items. The modifiers of Tooltip can be used like an object in it. Valid keys are 'event' and 'position'."
},
{
"name": "menuId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Unique identifier of the menu."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"DockSlots": {
"description": "Defines valid slots in Dock component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Custom content for item.\n \t <b>index</b>: number, // Index of the menuitem\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item content."
},
{
"name": "icon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Custom content for icon.\n }",
"description": "icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon content."
}
]
},
"DockEmits": {
"description": "Defines valid emits in Dock component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
}
]
}
}
}
},
"dropdown": {
"description": "Dropdown also known as Select, is used to choose an item from a collection of options.\n\n[Live Demo](https://www.primevue.org/dropdown/)",
"components": {
"default": {
"description": "Dropdown also known as Select, is used to choose an item from a collection of options.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DropdownChangeEvent": {
"description": "Custom change event.",
"relatedProp": "DropdownEmits.change",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected option value"
}
],
"methods": []
},
"DropdownFilterEvent": {
"description": "Custom filter event.",
"relatedProp": "DropdownEmits.filter",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Filter value"
}
],
"methods": []
},
"DropdownProps": {
"description": "Defines valid properties in Dropdown component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the component."
},
{
"name": "options",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "An array of selectitems to display as the available options."
},
{
"name": "optionLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option."
},
{
"name": "optionValue",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the value of an option, defaults to the option itself when not defined."
},
{
"name": "optionDisabled",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
"name": "optionGroupLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option group."
},
{
"name": "optionGroupChildren",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function that refers to the children options of option group."
},
{
"name": "scrollHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "200px",
"description": "Height of the viewport, a scrollbar is defined if height of list exceeds this value."
},
{
"name": "filter",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, displays a filter input at header."
},
{
"name": "filterPlaceholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Placeholder text to show when filter input is empty."
},
{
"name": "filterLocale",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
"name": "filterMatchMode",
"optional": true,
"readonly": false,
"type": "string",
"default": "contains",
"description": "Defines the filtering algorithm to use when searching the options."
},
{
"name": "filterFields",
"optional": true,
"readonly": false,
"type": "string[]",
"default": "",
"description": "Fields used when filtering the options, defaults to optionLabel."
},
{
"name": "editable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, custom value instead of predefined options can be entered using the editable input field."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Default text to display when no option is selected."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "A property to uniquely identify an option."
},
{
"name": "showClear",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, a clear icon is displayed to clear the value."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes | InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component."
},
{
"name": "panelStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the overlay panel."
},
{
"name": "panelClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the overlay panel."
},
{
"name": "panelProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
},
{
"name": "filterInputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the filter input inside the component."
},
{
"name": "clearIconProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLElement to the clear icon inside the component.",
"deprecated": "since v3.26.0. Use 'pt' peroperty."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached."
},
{
"name": "loading",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the dropdown is in loading state."
},
{
"name": "clearIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in clear button.",
"deprecated": "since v3.27.0. Use 'clearicon' slot."
},
{
"name": "dropdownIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the dropdown.",
"deprecated": "since v3.27.0. Use 'dropdownicon' slot."
},
{
"name": "filterIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in filter input.",
"deprecated": "since v3.27.0. Use 'filtericon' slot."
},
{
"name": "loadingIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in loading state.",
"deprecated": "since v3.27.0. Use 'loadingicon' slot."
},
{
"name": "resetFilterOnHide",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Clears the filter value when hiding the dropdown."
},
{
"name": "virtualScrollerOptions",
"optional": true,
"readonly": false,
"type": "VirtualScrollerProps",
"default": "",
"description": "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it."
},
{
"name": "autoOptionFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to focus on the first visible or selected element when the overlay panel is shown."
},
{
"name": "autoFilterFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to focus on the filter element when the overlay panel is shown."
},
{
"name": "selectOnFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, the focused option is selected."
},
{
"name": "filterMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} results are available'",
"description": "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "selectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} items selected'",
"description": "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptySelectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No selected item",
"description": "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptyFilterMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No results found",
"description": "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptyMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No results foun",
"description": "Text to display when there are no options available. Defaults to value from PrimeVue locale configuration."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
}
],
"methods": []
},
"DropdownSlots": {
"description": "Defines valid slots in Dropdown component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "value",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>placeholder</b>: string, // Placeholder prop value\n }",
"description": "value slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom value template."
},
{
"name": "indicator",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom indicator template.",
"deprecated": "since v3.27.0. Use 'dropdownicon or loadingicon' slots."
},
{
"name": "header",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>options</b>: any, // Displayed options\n }",
"description": "header slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template of panel."
},
{
"name": "footer",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>options</b>: any, // Displayed options\n }",
"description": "footer slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template of panel."
},
{
"name": "option",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>option</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "option slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom option template."
},
{
"name": "optiongroup",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>option</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "option group slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom option group template."
},
{
"name": "emptyfilter",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom empty filter template."
},
{
"name": "empty",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom empty template."
},
{
"name": "content",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>items</b>: any, // An array of objects to display for virtualscroller\n \t <b>styleClass</b>: string, // Style class of the component\n \t <b>contentRef(el: any)</b>: void, // Referance of the content\n \t <b>getItemOptions(index: number)</b>: VirtualScrollerItemOptions, // Options of the items\n }",
"description": "content slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "loader",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>options</b>: any, // Options of the loader items for virtualscroller\n }",
"description": "loader slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loader template."
},
{
"name": "clearicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>onClick</b>: void, // Clear icon click function.\n }",
"description": "clear icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom clear icon template."
},
{
"name": "dropdownicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: any, // Style class of the component\n }",
"description": "dropdown icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom dropdown icon template."
},
{
"name": "loadingicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: any, // Style class of the component\n }",
"description": "loading icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading icon template."
},
{
"name": "filtericon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter icon template."
}
]
},
"DropdownEmits": {
"description": "Defines valid emits in Dropdown component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DropdownChangeEvent",
"description": "Custom change event."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
},
{
"name": "before-show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is shown."
},
{
"name": "before-hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is hidden."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is hidden."
},
{
"name": "filter",
"parameters": [
{
"name": "event",
"optional": false,
"type": "DropdownFilterEvent",
"description": "Custom filter event."
}
],
"returnType": "void",
"description": "Callback to invoke on filter input."
}
]
}
}
}
},
"dynamicdialog": {
"description": "DynamicDialogs can be created dynamically with any component as the content using a DialogService.\n\n[Live Demo](https://primevue.org/dynamicdialog)",
"components": {
"default": {
"description": "DynamicDialogs can be created dynamically with any component as the content using a DialogService.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DynamicDialogProps": {
"description": "Defines valid properties in DynamicDialog component.",
"relatedProp": "",
"props": [],
"methods": []
},
"DynamicDialogEmits": {
"description": "Defines valid emits in DynamicDialog component.",
"relatedProp": "",
"props": [],
"methods": []
},
"DynamicDialogSlots": {
"description": "Defines valid slots in DynamicDialog component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"dynamicdialogoptions": {
"description": "[Live Demo](https://www.primevue.org/dynamicdialog/)",
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"DynamicDialogTemplates": {
"description": "Custom dialog templates.",
"relatedProp": "",
"props": [
{
"name": "header",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Custom header template."
},
{
"name": "footer",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Custom footer template."
}
],
"methods": []
},
"DynamicDialogCloseOptions": {
"description": "Dynamic Dialog close method options.",
"relatedProp": "",
"props": [
{
"name": "data",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Custom data object"
},
{
"name": "type",
"optional": false,
"readonly": false,
"type": "undefined | \"config-close\" | \"dialog-close\"",
"default": "",
"description": "Close type"
}
],
"methods": []
},
"DynamicDialogOptions": {
"description": "Custom Dynamic Dialog options.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": true,
"readonly": false,
"type": "DialogProps",
"default": "",
"description": "Dialog Props"
},
{
"name": "templates",
"optional": true,
"readonly": false,
"type": "DynamicDialogTemplates",
"default": "",
"description": "Dialog Slots"
},
{
"name": "data",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Custom data object"
},
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": [
{
"name": "onClose",
"parameters": [
{
"name": "options",
"optional": true,
"type": "DynamicDialogCloseOptions"
}
],
"returnType": "void",
"description": "Closes the dialog."
}
]
},
"DynamicDialogInstance": {
"description": "Custom Dynamic Dialog options.",
"relatedProp": "",
"props": [
{
"name": "content",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Dynamic component for content template"
},
{
"name": "options",
"optional": false,
"readonly": false,
"type": "DynamicDialogOptions",
"default": "",
"description": "Instance options"
},
{
"name": "data",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Custom data object"
},
{
"name": "close",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
}
],
"methods": []
}
}
}
},
"editor": {
"description": "Editor groups a collection of contents in tabs.\n\n[Live Demo](https://www.primevue.org/editor/)",
"components": {
"default": {
"description": "Editor groups a collection of contents in tabs.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"EditorTextChangeEvent": {
"description": "Custom text change event.",
"relatedProp": "EditorEmits['text-change']",
"props": [
{
"name": "htmlValue",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Current value as html."
},
{
"name": "textValue",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Current value as text."
},
{
"name": "delta",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Representation of the change."
},
{
"name": "source",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Source of change. Will be either 'user' or 'api'."
},
{
"name": "instance",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Text editor instance."
}
],
"methods": []
},
"EditorSelectionChangeEvent": {
"description": "Custom selection change event.",
"relatedProp": "EditorEmits['selection-change']",
"props": [
{
"name": "htmlValue",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Current value as html."
},
{
"name": "textValue",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Current value as text."
},
{
"name": "range",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Representation of the selection boundaries."
},
{
"name": "oldRange",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Representation of the previous selection boundaries."
},
{
"name": "source",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Source of change. Will be either 'user' or 'api'."
},
{
"name": "instance",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Text editor instance."
}
],
"methods": []
},
"EditorLoadEvent": {
"description": "Custom load event.",
"relatedProp": "EditorEmits.load",
"props": [
{
"name": "instance",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Text editor instance."
}
],
"methods": []
},
"EditorProps": {
"description": "Defines valid properties in Editor component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Value of the content."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Placeholder text to show when editor is empty."
},
{
"name": "readonly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to instantiate the editor to readonly mode."
},
{
"name": "formats",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Whitelist of formats to display, see [here](https://quilljs.com/docs/formats/) for available options."
},
{
"name": "editorStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the container."
},
{
"name": "modules",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Modules configuration, see [here](https://quilljs.com/docs/modules/) for available options."
}
],
"methods": []
},
"EditorSlots": {
"description": "Defines valid slots in Editor slots.",
"relatedProp": "",
"props": [
{
"name": "toolbar",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
}
],
"methods": []
},
"EditorEmits": {
"description": "Defines valid emits in Editor component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "string",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "text-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "EditorTextChangeEvent",
"description": "Custom text change event."
}
],
"returnType": "void",
"description": "Callback to invoke when text of editor changes."
},
{
"name": "selection-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "EditorSelectionChangeEvent",
"description": "Custom selection change event."
}
],
"returnType": "void",
"description": "Callback to invoke when selection of the text changes."
},
{
"name": "load",
"parameters": [
{
"name": "event",
"optional": false,
"type": "EditorLoadEvent",
"description": "Custom load event."
}
],
"returnType": "void",
"description": "Callback to invoke when the quill modules are loaded."
}
]
}
}
}
},
"fieldset": {
"description": "Fieldset is a grouping component with the optional content toggle feature.\n\n[Live Demo](https://www.primevue.org/fieldset/)",
"components": {
"default": {
"description": "Fieldset is a grouping component with the optional content toggle feature.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"FieldsetPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "FieldsetProps",
"default": ""
},
{
"name": "state",
"optional": false,
"readonly": false,
"type": "FieldsetState",
"default": ""
}
],
"methods": []
},
"FieldsetToggleEvent": {
"description": "Custom toggle event.",
"relatedProp": "FieldsetEmits.toggle",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Collapsed state as a boolean"
}
],
"methods": []
},
"FieldsetPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "FieldsetProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "FieldsetPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "legend",
"optional": true,
"readonly": false,
"type": "FieldsetPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the legend's DOM element."
},
{
"name": "toggler",
"optional": true,
"readonly": false,
"type": "FieldsetPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the toggler's DOM element."
},
{
"name": "togglerIcon",
"optional": true,
"readonly": false,
"type": "FieldsetPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the toggler icon's DOM element."
},
{
"name": "legendTitle",
"optional": true,
"readonly": false,
"type": "FieldsetPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the legend title's DOM element."
},
{
"name": "toggleableContent",
"optional": true,
"readonly": false,
"type": "FieldsetPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the toggleable content's DOM element."
},
{
"name": "content",
"optional": true,
"readonly": false,
"type": "FieldsetPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the content's DOM element."
}
],
"methods": []
},
"FieldsetPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"FieldsetState": {
"description": "Defines current inline state in Fieldset component.",
"relatedProp": "",
"props": [
{
"name": "d_collapsed",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Current collapsed state as a boolean."
}
],
"methods": []
},
"FieldsetProps": {
"description": "Defines valid properties in Fieldset component.",
"relatedProp": "",
"props": [
{
"name": "legend",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Header text of the fieldset."
},
{
"name": "toggleable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, content can toggled by clicking the legend."
},
{
"name": "collapsed",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines the default visibility state of the content."
},
{
"name": "toggleButtonProps",
"optional": true,
"readonly": false,
"type": "AnchorHTMLAttributes",
"default": "",
"description": "Uses to pass the custom value to read for the AnchorHTMLAttributes inside the component.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "FieldsetPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"FieldsetSlots": {
"description": "Defines valid slots in Fieldset slots.",
"relatedProp": "",
"props": [
{
"name": "default",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
},
{
"name": "legend",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
},
{
"name": "togglericon",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
}
],
"methods": []
},
"FieldsetEmits": {
"description": "Defines valid emits in Fildset component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:collapsed",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the collapsed changes."
},
{
"name": "toggle",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FieldsetToggleEvent",
"description": "Custom toggle event."
}
],
"returnType": "void",
"description": "Callback to invoke when a tab gets expanded or collapsed."
}
]
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"FieldsetPassThroughOptionType": {
"values": "FieldsetPassThroughAttributes | (options: FieldsetPassThroughMethodOptions) => FieldsetPassThroughAttributes | null | undefined"
}
}
}
},
"fileupload": {
"description": "FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.\n\n[Live Demo](https://www.primevue.org/fileupload/)",
"components": {
"default": {
"description": "FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"FileUploadSelectEvent": {
"description": "Custom select event.",
"relatedProp": "FileUploadEmits.select",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "files",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "List of selected files."
}
],
"methods": []
},
"FileUploadBeforeUploadEvent": {
"description": "Custom before upload event.",
"relatedProp": "FileUploadEmits['before-upload']",
"props": [
{
"name": "xhr",
"optional": false,
"readonly": false,
"type": "XMLHttpRequest",
"default": "",
"description": "XmlHttpRequest instance."
},
{
"name": "formData",
"optional": false,
"readonly": false,
"type": "FormData",
"default": "",
"description": "FormData object."
}
],
"methods": []
},
"FileUploadProgressEvent": {
"description": "Custom progress event.",
"relatedProp": "FileUploadEmits.progress",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "progress",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Calculated progress value."
}
],
"methods": []
},
"FileUploadUploadEvent": {
"description": "Custom upload event.",
"relatedProp": "FileUploadEmits.upload",
"props": [
{
"name": "xhr",
"optional": false,
"readonly": false,
"type": "XMLHttpRequest",
"default": "",
"description": "XmlHttpRequest instance."
},
{
"name": "files",
"optional": false,
"readonly": false,
"type": "File | File[]",
"default": "",
"description": "Files that are not uploaded."
}
],
"methods": []
},
"FileUploadUploaderEvent": {
"description": "Custom uploader event.",
"relatedProp": "FileUploadEmits.uploader",
"props": [
{
"name": "files",
"optional": false,
"readonly": false,
"type": "File | File[]",
"default": "",
"description": "List of selected files."
}
],
"methods": []
},
"FileUploadErrorEvent": {
"description": "Custom error event.",
"relatedProp": "FileUploadEmits.error",
"props": [
{
"name": "xhr",
"optional": false,
"readonly": false,
"type": "XMLHttpRequest",
"default": "",
"description": "XmlHttpRequest instance."
},
{
"name": "files",
"optional": false,
"readonly": false,
"type": "File | File[]",
"default": "",
"description": "Files that are not uploaded."
}
],
"methods": []
},
"FileUploadBeforeSendEvent": {
"description": "Custom before send event.",
"relatedProp": "FileUploadEmits['before-send']",
"props": [
{
"name": "xhr",
"optional": false,
"readonly": false,
"type": "XMLHttpRequest",
"default": "",
"description": "XmlHttpRequest instance."
},
{
"name": "formData",
"optional": false,
"readonly": false,
"type": "FormData",
"default": "",
"description": "FormData object."
}
],
"methods": []
},
"FileUploadRemoveEvent": {
"description": "Custom remove event.",
"relatedProp": "FileUploadEmits.remove",
"props": [
{
"name": "file",
"optional": false,
"readonly": false,
"type": "File",
"default": "",
"description": "Removed file."
},
{
"name": "files",
"optional": false,
"readonly": false,
"type": "File[]",
"default": "",
"description": "Remaining files to be uploaded."
}
],
"methods": []
},
"FileUploadRemoveUploadedFile": {
"description": "Custom remove upload file event.",
"relatedProp": "FileUploadEmits['remove-uploaded-file']",
"props": [
{
"name": "file",
"optional": false,
"readonly": false,
"type": "File",
"default": "",
"description": "Removed file."
},
{
"name": "files",
"optional": false,
"readonly": false,
"type": "File[]",
"default": "",
"description": "Remaining files to be uploaded."
}
],
"methods": []
},
"FileUploadProps": {
"description": "Defines valid properties in FileUpload component.",
"relatedProp": "",
"props": [
{
"name": "name",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the request parameter to identify the files at backend."
},
{
"name": "url",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Remote url to upload the files."
},
{
"name": "mode",
"optional": true,
"readonly": false,
"type": "\"basic\" | \"advanced\"",
"default": "advanced",
"description": "Defines the UI of the component, possible values are 'advanced' and 'basic'."
},
{
"name": "multiple",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Used to select multiple files at once from file dialog."
},
{
"name": "accept",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Pattern to restrict the allowed file types such as 'image/*'."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Disables the upload functionality."
},
{
"name": "auto",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, upload begins automatically after selection is completed."
},
{
"name": "maxFileSize",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Maximum file size allowed in bytes."
},
{
"name": "invalidFileSizeMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": ": Invalid file size, file size should be smaller than {1.}",
"description": "Message of the invalid fize size."
},
{
"name": "invalidFileLimitMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "Maximum number of files to be uploaded is {0.}",
"description": "Message to display when number of files to be uploaded exceeeds the limit."
},
{
"name": "invalidFileTypeMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0}: Invalid file type.'",
"description": "Message of the invalid fize type."
},
{
"name": "fileLimit",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Maximum number of files that can be uploaded."
},
{
"name": "withCredentials",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Cross-site Access-Control requests should be made using credentials such as cookies, authorization headers or TLS client certificates."
},
{
"name": "previewWidth",
"optional": true,
"readonly": false,
"type": "number",
"default": "50",
"description": "Width of the image thumbnail in pixels."
},
{
"name": "chooseLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Label of the choose button. Defaults to PrimeVue Locale configuration."
},
{
"name": "uploadLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Label of the upload button. Defaults to PrimeVue Locale configuration."
},
{
"name": "cancelLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "Cancel",
"description": "Label of the cancel button. Defaults to PrimeVue Locale configuration."
},
{
"name": "customUpload",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether to use the default upload or a manual implementation defined in uploadHandler callback. Defaults to PrimeVue Locale configuration."
},
{
"name": "showUploadButton",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show the upload button."
},
{
"name": "showCancelButton",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show the cancel button."
},
{
"name": "chooseIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the choose button.",
"deprecated": "since v3.27.0. Use 'chooseicon' slot."
},
{
"name": "uploadIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the upload button.",
"deprecated": "since v3.27.0. Use 'updateicon' slot."
},
{
"name": "cancelIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the cancel button.",
"deprecated": "since v3.27.0. Use 'cancelicon' slot."
},
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the component."
},
{
"name": "class",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the component."
}
],
"methods": []
},
"FileUploadSlots": {
"description": "Defines valid slots in FileUpload slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>files</b>: File, // Files to upload.\n \t <b>uploadedFiles</b>: File, // Uploaded files.\n \t <b>chooseCallback()</b>: void, // Choose function\n \t <b>uploadCallback()</b>: void, // Upload function\n \t <b>clearCallback()</b>: void, // Clear function\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header content template."
},
{
"name": "content",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>files</b>: File, // Files to upload.\n \t <b>uploadedFiles</b>: File, // Uploaded files.\n \t <b>removeUploadedFileCallback(index: number)</b>: void, // Function to remove an uploaded file.\n \t <b>removeFileCallback(index: number)</b>: void, // Function to remove a file.\n \t <b>progress</b>: number, // Uploaded progress as number.\n \t <b>messages</b>: undefined, // Status messages about upload process.\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom uploaded content template."
},
{
"name": "empty",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content when there is no selected file."
},
{
"name": "chooseicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom choose icon template."
},
{
"name": "uploadicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom upload icon template."
},
{
"name": "cancelicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom cancel icon template."
},
{
"name": "fileremoveicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>file</b>: File, // File to upload.\n \t <b>index</b>: number, // The index of file\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom remove icon template for each file."
}
]
},
"FileUploadEmits": {
"relatedProp": "",
"props": [],
"methods": [
{
"name": "select",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FileUploadSelectEvent",
"description": "Custom select event."
}
],
"returnType": "void",
"description": "Callback to invoke when files are selected."
},
{
"name": "before-upload",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FileUploadBeforeUploadEvent",
"description": "Custom before upload event."
}
],
"returnType": "void",
"description": "Callback to invoke before file upload begins to customize the request such as post parameters before the files."
},
{
"name": "progress",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FileUploadProgressEvent",
"description": "Custom progress event."
}
],
"returnType": "void",
"description": "Callback to invoke when files are being uploaded."
},
{
"name": "upload",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FileUploadUploadEvent",
"description": "Custom upload event."
}
],
"returnType": "void",
"description": "Callback to invoke when file upload is complete."
},
{
"name": "uploader",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FileUploadUploaderEvent",
"description": "Custom uploader event."
}
],
"returnType": "void",
"description": "Callback to invoke to implement a custom upload."
},
{
"name": "error",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FileUploadErrorEvent",
"description": "Custom error event."
}
],
"returnType": "void",
"description": "Callback to invoke if file upload fails."
},
{
"name": "before-send",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FileUploadBeforeSendEvent",
"description": "Custom before send event."
}
],
"returnType": "void",
"description": "Callback to invoke before file send begins to customize the request such as adding headers."
},
{
"name": "clear",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when files in queue are removed without uploading."
},
{
"name": "remove",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FileUploadRemoveEvent",
"description": "Custom remove event."
}
],
"returnType": "void",
"description": "Callback to invoke when a singe file is removed from the list."
},
{
"name": "removeUploadedFile",
"parameters": [
{
"name": "event",
"optional": false,
"type": "FileUploadRemoveUploadedFile",
"description": "Custom uploaded file remove event."
}
],
"returnType": "void",
"description": "Callback to invoke when a single uploaded file is removed from the uploaded file list."
}
]
}
}
}
},
"focustrap": {
"description": "Focus Trap keeps focus within a certain DOM element while tabbing.\n\n[Live Demo](https://primevue.org/focustrap)",
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"FocusTrapOptions": {
"description": "Defines options of FocusTrap.",
"relatedProp": "",
"props": [
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the directive should be disabled."
}
],
"methods": []
},
"FocusTrapDirectiveBinding": {
"description": "Binding of FocusTrap directive.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "FocusTrapOptions",
"default": "",
"description": "Value of the FocusTrap."
}
],
"methods": [],
"extendedTypes": "Omit<DirectiveBinding, \"modifiers\" | \"value\">"
}
}
}
},
"galleria": {
"description": "Galleria is an advanced content gallery component.\n\n[Live Demo](https://www.primevue.org/galleria/)",
"components": {
"default": {
"description": "Galleria is an advanced content gallery component.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"GalleriaResponsiveOptions": {
"relatedProp": "",
"props": [
{
"name": "breakpoint",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Breakpoint for responsive mode. Exp;"
},
{
"name": "numVisible",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "The number of visible items on breakpoint."
}
],
"methods": []
},
"GalleriaProps": {
"description": "Defines valid properties in Galleria component.",
"relatedProp": "",
"props": [
{
"name": "id",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Unique identifier of the element."
},
{
"name": "value",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "An array of objects to display."
},
{
"name": "activeIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Index of the first item."
},
{
"name": "fullScreen",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display the component on fullscreen."
},
{
"name": "visible",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Specifies the visibility of the mask on fullscreen mode."
},
{
"name": "numVisible",
"optional": true,
"readonly": false,
"type": "number",
"default": "3",
"description": "Number of items per page."
},
{
"name": "responsiveOptions",
"optional": true,
"readonly": false,
"type": "GalleriaResponsiveOptions[]",
"default": "",
"description": "An array of options for responsive design."
},
{
"name": "showItemNavigators",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display navigation buttons in item section."
},
{
"name": "showThumbnailNavigators",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to display navigation buttons in thumbnail container."
},
{
"name": "showItemNavigatorsOnHover",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display navigation buttons on item hover."
},
{
"name": "changeItemOnIndicatorHover",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, item is changed on indicator hover."
},
{
"name": "circular",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if scrolling would be infinite."
},
{
"name": "autoPlay",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Items are displayed with a slideshow in autoPlay mode."
},
{
"name": "transitionInterval",
"optional": true,
"readonly": false,
"type": "number",
"default": "4000",
"description": "Time in milliseconds to scroll items."
},
{
"name": "showThumbnails",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to display thumbnail container."
},
{
"name": "thumbnailsPosition",
"optional": true,
"readonly": false,
"type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
"default": "bottom",
"description": "Position of thumbnails."
},
{
"name": "verticalThumbnailViewPortHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "300px",
"description": "Height of the viewport in vertical thumbnail."
},
{
"name": "showIndicators",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display indicator container."
},
{
"name": "showIndicatorsOnItem",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, indicator container is displayed on item container."
},
{
"name": "indicatorsPosition",
"optional": true,
"readonly": false,
"type": "\"left\" | \"top\" | \"bottom\" | \"right\"",
"default": "bottom",
"description": "Position of indicators."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "maskClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the mask on fullscreen mode."
},
{
"name": "containerStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the component on fullscreen mode. Otherwise, the 'style' property can be used."
},
{
"name": "containerClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the component on fullscreen mode. Otherwise, the 'class' property can be used."
},
{
"name": "containerProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the container element on fullscreen mode."
},
{
"name": "prevButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the previous navigation button."
},
{
"name": "nextButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the next navigation button."
}
],
"methods": []
},
"GalleriaSlots": {
"description": "Defines valid slots in Galleria slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
},
{
"name": "caption",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item instance\n }",
"description": "caption slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom caption template."
},
{
"name": "indicator",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>index</b>: number, // Index of the indicator item\n }",
"description": "indicator slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom indicator template."
},
{
"name": "thumbnail",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item instance\n }",
"description": "thumbnail slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom thumbnail template."
},
{
"name": "closeicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom close icon template."
},
{
"name": "previousitemicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom navigator previous item icon template."
},
{
"name": "nextitemicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom navigator next item icon template."
},
{
"name": "previousthumbnailicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom thumbnail previous icon template."
},
{
"name": "nextthumbnailicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom thumbnail next item template."
}
]
},
"GalleriaEmits": {
"description": "Defines valid emits in Galleria component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:activeIndex",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "Index of new active item."
}
],
"returnType": "void",
"description": "Emitted when the active index changes."
},
{
"name": "update:visible",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the visible changes."
}
]
}
}
}
},
"icons/angledoubledown": {},
"icons/angledoubleleft": {},
"icons/angledoubleright": {},
"icons/angledoubleup": {},
"icons/angledown": {},
"icons/angleleft": {},
"icons/angleright": {},
"icons/angleup": {},
"icons/arrowdown": {},
"icons/arrowup": {},
"icons/ban": {},
"icons/bars": {},
"icons/calendar": {},
"icons/check": {},
"icons/chevrondown": {},
"icons/chevronleft": {},
"icons/chevronright": {},
"icons/chevronup": {},
"icons/exclamationtriangle": {},
"icons/eye": {},
"icons/eyeslash": {},
"icons/filter": {},
"icons/filterslash": {},
"icons": {
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"IconProps": {
"relatedProp": "",
"props": [
{
"name": "label",
"optional": true,
"readonly": false,
"type": "string",
"default": ""
},
{
"name": "spin",
"optional": true,
"readonly": false,
"type": "boolean",
"default": ""
}
],
"methods": []
},
"IconSlots": {
"relatedProp": "",
"props": [],
"methods": []
},
"IconEmits": {
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"icons/infocircle": {},
"icons/minus": {},
"icons/pencil": {},
"icons/plus": {},
"icons/refresh": {},
"icons/search": {},
"icons/searchminus": {},
"icons/searchplus": {},
"icons/sortalt": {},
"icons/sortamountdown": {},
"icons/sortamountupalt": {},
"icons/spinner": {},
"icons/star": {},
"icons/starfill": {},
"icons/thlarge": {},
"icons/times": {},
"icons/timescircle": {},
"icons/trash": {},
"icons/undo": {},
"icons/upload": {},
"icons/windowmaximize": {},
"icons/windowminimize": {},
"image": {
"description": "Displays an image with preview and tranformation options. For multiple image, see Galleria.\n\n[Live Demo](https://www.primevue.org/image/)",
"components": {
"default": {
"description": "Displays an image with preview and tranformation options. For multiple image, see Galleria.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": [
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Triggered when the preview overlay is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Triggered when the preview overlay is hidden."
},
{
"name": "error",
"parameters": [],
"returnType": "void",
"description": "Triggered when an error occurs while loading an image file."
}
]
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ImageProps": {
"description": "Defines valid properties in Image component.",
"relatedProp": "",
"props": [
{
"name": "preview",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Controls the preview functionality."
},
{
"name": "imageStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the image element."
},
{
"name": "imageClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the image element."
},
{
"name": "indicatorIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Custom indicator icon.",
"deprecated": "since v3.27.0. Use 'indicator' slot."
}
],
"methods": []
},
"ImageSlots": {
"description": "Defines valid slots in Image slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "indicator",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom indicator template."
},
{
"name": "refresh",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom refresh template."
},
{
"name": "undo",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom undo template."
},
{
"name": "zoomout",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom zoomout template."
},
{
"name": "zoomin",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom zoomin template."
},
{
"name": "close",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom close template."
}
]
},
"ImageEmits": {
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"inlinemessage": {
"description": "InlineMessage component is useful in cases where a single message needs to be displayed related to an element such as forms. It has one property, severity of the message.\n\n[Live Demo](https://www.primevue.org/inlinemessage/)",
"components": {
"default": {
"description": "InlineMessage component is useful in cases where a single message needs to be displayed related to an element such as forms. It has one property, severity of the message.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"InlineMessageProps": {
"description": "Defines valid properties in InlineMessage component.",
"relatedProp": "",
"props": [
{
"name": "severity",
"optional": true,
"readonly": false,
"type": "string",
"default": "info",
"description": "Severity level of the message."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Display a custom icon for the message.",
"deprecated": "since v3.27.0. Use 'icon' slot."
}
],
"methods": []
},
"InlineMessageSlots": {
"description": "Defines valid slots in InlineMessage slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Default custom slot."
},
{
"name": "icon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom message icon template."
}
]
},
"InlineMessageEmits": {
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"inplace": {
"description": "Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.\n\n[Live Demo](https://www.primevue.org/inplace)",
"components": {
"default": {
"description": "Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"InplaceProps": {
"description": "Defines valid properties in Inplace component.",
"relatedProp": "",
"props": [
{
"name": "closable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Displays a button to switch back to display mode."
},
{
"name": "active",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the content is displayed or not."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the element should be disabled."
},
{
"name": "closeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the close button.",
"deprecated": "since v3.27.0. Use 'closeicon' slot."
},
{
"name": "displayProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to display container."
},
{
"name": "closeButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the close button."
}
],
"methods": []
},
"InplaceSlots": {
"description": "Defines valid slots in Inplace component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "display",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom display template."
},
{
"name": "content",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "closeicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom close icon template."
}
]
},
"InplaceEmits": {
"description": "Defines valid emits in Inplace component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:active",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the active changes."
},
{
"name": "open",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when inplace is opened."
},
{
"name": "close",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when inplace is closed."
}
]
}
}
}
},
"inputmask": {
"description": "InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.\n\n[Live Demo](https://www.primevue.org/inputmask/)",
"components": {
"default": {
"description": "InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"InputMaskProps": {
"description": "Defines valid properties in InputMask component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Value of the component."
},
{
"name": "slotChar",
"optional": true,
"readonly": false,
"type": "string",
"default": "_",
"description": "Placeholder character in mask, default is underscore."
},
{
"name": "mask",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Mask pattern."
},
{
"name": "autoClear",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Clears the incomplete value on blur."
},
{
"name": "unmask",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if model sets the raw unmasked value to bound value or the formatted mask value."
},
{
"name": "readonly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the items are clickable or not."
}
],
"methods": []
},
"InputMaskSlots": {
"relatedProp": "",
"props": [],
"methods": []
},
"InputMaskEmits": {
"description": "Defines valid emits in InputMask component.",
"relatedProp": "",
"props": [
{
"name": "keypress",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
},
{
"name": "paste",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
},
{
"name": "complete",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
}
],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "string",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event"
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event"
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
},
{
"name": "keydown",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event"
}
],
"returnType": "void",
"description": "Callback to invoke when a key is pressed."
}
]
}
}
}
},
"inputnumber": {
"description": "InputNumber is an input component to provide numerical input.\n\n[Live Demo](https://www.primevue.org/inputnumber/)",
"components": {
"default": {
"description": "InputNumber is an input component to provide numerical input.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"InputNumberInputEvent": {
"description": "Custom input event.",
"relatedProp": "InputNumberEmits.input",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "undefined | string | number",
"default": "",
"description": "New value"
}
],
"methods": []
},
"InputNumberBlurEvent": {
"description": "Custom blur event.",
"relatedProp": "InputNumberEmits.blur",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Input value"
}
],
"methods": []
},
"InputNumberProps": {
"description": "Defines valid properties in InputNumber component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "Nullable<number>",
"default": "",
"description": "Value of the component."
},
{
"name": "format",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to format the value."
},
{
"name": "showButtons",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Displays spinner buttons."
},
{
"name": "buttonLayout",
"optional": true,
"readonly": false,
"type": "\"horizontal\" | \"vertical\" | \"stacked\"",
"default": "stacked",
"description": "Layout of the buttons."
},
{
"name": "incrementButtonClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the increment button."
},
{
"name": "decrementButtonClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the decrement button."
},
{
"name": "incrementButtonIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the increment button.",
"deprecated": "since v3.27.0. Use 'incrementbuttonicon' slot."
},
{
"name": "decrementButtonIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the decrement button.",
"deprecated": "since v3.27.0. Use 'decrementbuttonicon' slot."
},
{
"name": "locale",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Locale to be used in formatting."
},
{
"name": "localeMatcher",
"optional": true,
"readonly": false,
"type": "\"best fit\" | \"lookup\"",
"default": "best fit",
"description": "The locale matching algorithm to use. Possible values are 'lookup' and 'best fit'; the default is 'best fit'.\nSee [Locale Negotation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locale_negotiation) for details."
},
{
"name": "mode",
"optional": true,
"readonly": false,
"type": "\"decimal\" | \"currency\"",
"default": "decimal",
"description": "Defines the behavior of the component."
},
{
"name": "prefix",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Text to display before the value."
},
{
"name": "suffix",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Text to display after the value."
},
{
"name": "currency",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "The currency to use in currency formatting. Possible values are the [ISO 4217 currency codes](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency), such as 'USD' for the US dollar, 'EUR' for the euro, or 'CNY' for the Chinese RMB.\nThere is no default value; if the style is 'currency', the currency property must be provided."
},
{
"name": "currencyDisplay",
"optional": true,
"readonly": false,
"type": "string",
"default": "symbol",
"description": "How to display the currency in currency formatting. Possible values are 'symbol' to use a localized currency symbol such as €, 'code' to use the ISO currency code, 'name' to use a localized currency name such as 'dollar'."
},
{
"name": "useGrouping",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators."
},
{
"name": "minFractionDigits",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "The minimum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number and percent formatting is 0;\nthe default for currency formatting is the number of minor unit digits provided by the [ISO 4217 currency code](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency) list (2 if the list doesn't provide that information)."
},
{
"name": "maxFractionDigits",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "The maximum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number formatting is the larger of minimumFractionDigits and 3;\nthe default for currency formatting is the larger of minimumFractionDigits and the number of minor unit digits provided by the [ISO 4217 currency code](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency) list (2 if the list doesn't provide that information)."
},
{
"name": "min",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Mininum boundary value."
},
{
"name": "max",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Maximum boundary value."
},
{
"name": "step",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Step factor to increment/decrement the value."
},
{
"name": "allowEmpty",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Determines whether the input field is empty."
},
{
"name": "highlightOnFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Highlights automatically the input value."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "readonly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that an input field is read-only."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Placeholder text for the input."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the focus input to match a label defined for the chips."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "incrementButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to increment button inside the component."
},
{
"name": "decrementButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to decrement button inside the component."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"InputNumberSlots": {
"description": "Defines valid slots in InputNumber component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "incrementbuttonicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom increment button icon template."
},
{
"name": "decrementbuttonicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom decrement button icon template."
}
]
},
"InputNumberEmits": {
"description": "Defines valid emits in InputNumber component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "input",
"parameters": [
{
"name": "event",
"optional": false,
"type": "InputNumberInputEvent",
"description": "Custom input event."
}
],
"returnType": "void",
"description": "Callback to invoke when the value is entered."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Focus event"
}
],
"returnType": "void",
"description": "Callback to invoke on focus of input field."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "InputNumberBlurEvent",
"description": "Blur event"
}
],
"returnType": "void",
"description": "Callback to invoke on blur of input field."
}
]
}
}
}
},
"inputswitch": {
"description": "InputSwitch is used to select a boolean value.\n\n[Live Demo](https://www.primevue.org/inputswitch/)",
"components": {
"default": {
"description": "InputSwitch is used to select a boolean value.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"InputSwitchProps": {
"description": "Defines valid properties in InputSwitch component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "string | boolean",
"default": "false",
"description": "Specifies whether a inputswitch should be checked or not."
},
{
"name": "trueValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "true",
"description": "Value in checked state."
},
{
"name": "falseValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "false",
"description": "Value in unchecked state."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"InputSwitchSlots": {
"relatedProp": "",
"props": [],
"methods": []
},
"InputSwitchEmits": {
"description": "Defines valid emits in InputSwitch component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke on click."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "input",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
}
]
}
}
}
},
"inputtext": {
"description": "InputText renders a text field to enter data.\n\n[Live Demo](https://www.primevue.org/inputtext/)",
"components": {
"default": {
"description": "InputText renders a text field to enter data.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"InputTextProps": {
"description": "Defines valid properties in InputText component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "Nullable<string>",
"default": "",
"description": "Value of the component."
}
],
"methods": [],
"extendedTypes": "InputHTMLAttributes"
},
"InputTextSlots": {
"description": "Defines valid slots in InputText component.",
"relatedProp": "",
"props": [],
"methods": []
},
"InputTextEmits": {
"description": "Defines valid emits in InputText component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "undefined | string",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
}
]
}
}
}
},
"knob": {
"description": "Knob is a form component to define number inputs with a dial.\n\n[Live Demo](https://www.primevue.org/knob/)",
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"KnobProps": {
"description": "Defines valid properties in Knob component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Value of the component."
},
{
"name": "size",
"optional": true,
"readonly": false,
"type": "number",
"default": "100",
"description": "Size of the component in pixels."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "readonly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component value cannot be edited."
},
{
"name": "step",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Step factor to increment/decrement the value."
},
{
"name": "min",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Mininum boundary value."
},
{
"name": "max",
"optional": true,
"readonly": false,
"type": "number",
"default": "100",
"description": "Maximum boundary value."
},
{
"name": "valueColor",
"optional": true,
"readonly": false,
"type": "string",
"default": "var(--primary-color, Black)",
"description": "Background of the value."
},
{
"name": "rangeColor",
"optional": true,
"readonly": false,
"type": "string",
"default": "var(--surface-border, LightGray)",
"description": "Background color of the range."
},
{
"name": "textColor",
"optional": true,
"readonly": false,
"type": "string",
"default": "var(--text-color-secondary, Black)",
"description": "Color of the value text."
},
{
"name": "strokeWidth",
"optional": true,
"readonly": false,
"type": "number",
"default": "14",
"description": "Width of the knob stroke."
},
{
"name": "showValue",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether the show the value inside the knob."
},
{
"name": "valueTemplate",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{value}'",
"description": "Template string of the value."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Used to define a string that labels the element."
}
],
"methods": []
},
"KnobSlots": {
"description": "Defines valid slots in Knob component.",
"relatedProp": "",
"props": [],
"methods": []
},
"KnobEmits": {
"description": "Defines valid emits in Knob component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number"
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number"
}
],
"returnType": "void",
"description": "Callback to invoke when the value changes."
}
]
}
}
}
},
"listbox": {
"description": "ListBox is used to select one or more values from a list of items.\n\n[Live Demo](https://www.primevue.org/listbox/)",
"components": {
"default": {
"description": "ListBox is used to select one or more values from a list of items.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ListboxChangeEvent": {
"description": "Custom change event.",
"relatedProp": "ListboxEmits.change",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Original event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected option value"
}
],
"methods": []
},
"ListboxFilterEvent": {
"description": "Custom filter event.",
"relatedProp": "ListboxEmits.filter",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Original event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Filter value"
}
],
"methods": []
},
"ListboxProps": {
"description": "Defines valid properties in Listbox component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the component."
},
{
"name": "options",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "An array of selectitems to display as the available options."
},
{
"name": "optionLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option."
},
{
"name": "optionValue",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the value of an option, defaults to the option itself when not defined."
},
{
"name": "optionDisabled",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
"name": "optionGroupLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option group."
},
{
"name": "optionGroupChildren",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function that refers to the children options of option group."
},
{
"name": "listStyle",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Inline style of inner list element."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, disables the component."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "A property to uniquely identify an option."
},
{
"name": "multiple",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, allows selecting multiple values."
},
{
"name": "metaKeySelection",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually.\nOn touch enabled devices, metaKeySelection is turned off automatically."
},
{
"name": "filter",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, displays a filter input at header."
},
{
"name": "filterPlaceholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Placeholder text to show when filter input is empty."
},
{
"name": "filterLocale",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
"name": "filterMatchMode",
"optional": true,
"readonly": false,
"type": "string",
"default": "contains",
"description": "Defines the filtering algorithm to use when searching the options."
},
{
"name": "filterFields",
"optional": true,
"readonly": false,
"type": "string[]",
"default": "",
"description": "Fields used when filtering the options, defaults to optionLabel."
},
{
"name": "filterInputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the filter input inside the component."
},
{
"name": "virtualScrollerOptions",
"optional": true,
"readonly": false,
"type": "VirtualScrollerProps",
"default": "",
"description": "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it."
},
{
"name": "autoOptionFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to focus on the first visible or selected element."
},
{
"name": "selectOnFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, the focused option is selected."
},
{
"name": "filterMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} results are available'",
"description": "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "selectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} items selected'",
"description": "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptySelectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No selected item",
"description": "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptyFilterMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No results found",
"description": "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptyMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No results found",
"description": "Text to display when there are no options available. Defaults to value from PrimeVue locale configuration."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "filterIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in filter input.",
"deprecated": "since v3.27.0. Use 'filtericon' slot."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
}
],
"methods": []
},
"ListboxSlots": {
"description": "Defines valid slots in Listbox component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>options</b>: any, // Displayed options\n }",
"description": "header slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>options</b>: any, // Displayed options\n }",
"description": "footer slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "option",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>option</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "option slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom option template."
},
{
"name": "optiongroup",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>option</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "optiongroup slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom optiongroup template."
},
{
"name": "emptyfilter",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom emptyfilter template."
},
{
"name": "empty",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom empty template."
},
{
"name": "content",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>items</b>: any, // An array of objects to display for virtualscroller\n \t <b>styleClass</b>: string, // Style class of the component\n \t <b>contentRef(el: any)</b>: void, // Referance of the content\n \t <b>getItemOptions(index: number)</b>: VirtualScrollerItemOptions, // Options of the items\n }",
"description": "content slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "loader",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>options</b>: any, // Options of the loader items for virtualscroller\n }",
"description": "loader slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loader template."
},
{
"name": "filtericon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter icon template."
}
]
},
"ListboxEmits": {
"description": "Defines valid emits in Listbox component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "ListboxChangeEvent",
"description": "Custom change event."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
},
{
"name": "filter",
"parameters": [
{
"name": "event",
"optional": false,
"type": "ListboxFilterEvent",
"description": "Custom filter event."
}
],
"returnType": "void",
"description": "Callback to invoke on filter input."
}
]
}
}
}
},
"megamenu": {
"description": "MegaMenu is navigation component that displays submenus together.\n\n[Live Demo](https://www.primevue.org/megamenu/)",
"components": {
"default": {
"description": "MegaMenu is navigation component that displays submenus together.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"MegaMenuProps": {
"description": "Defines valid properties in MegaMenu component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of menuitems."
},
{
"name": "orientation",
"optional": true,
"readonly": false,
"type": "\"horizontal\" | \"vertical\"",
"default": "horizontal",
"description": "Defines the orientation."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying menu element."
}
],
"methods": []
},
"MegaMenuSlots": {
"description": "Defines valid slots in MegaMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "start",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom start template."
},
{
"name": "end",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom end template."
},
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
},
{
"name": "submenuicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>active</b>: boolean, // Whether item is active\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom submenu icon template."
},
{
"name": "itemicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n \t <b>class</b>: any, // Style class of the item icon element.\n }",
"description": "item icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item icon template."
}
]
},
"MegaMenuEmits": {
"description": "Defines valid emits in MegaMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
}
]
}
}
}
},
"menu": {
"description": "Menu is a navigation / command component that supports dynamic and static positioning.\n\n[Live Demo](https://www.primevue.org/menu/)",
"components": {
"default": {
"description": "Menu is a navigation / command component that supports dynamic and static positioning.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": [
{
"name": "toggle",
"parameters": [
{
"name": "event",
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Toggles the visibility of the overlay."
},
{
"name": "show",
"parameters": [
{
"name": "event",
"type": "Event",
"description": "Browser event."
},
{
"name": "target",
"type": "any",
"description": "Target element"
}
],
"returnType": "void",
"description": "Shows the overlay."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Hides the overlay."
}
]
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"MenuProps": {
"description": "Defines valid properties in Menu component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of menuitems."
},
{
"name": "popup",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if menu would displayed as a popup."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
}
],
"methods": []
},
"MenuSlots": {
"description": "Defines valid slots in Menu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "start",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom start template."
},
{
"name": "end",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom end template."
},
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
},
{
"name": "itemicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n \t <b>class</b>: any, // Style class of the item icon element.\n }",
"description": "item icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item icon template."
}
]
},
"MenuEmits": {
"description": "Defines valid emits in Menu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
}
]
}
}
}
},
"menubar": {
"description": "Menubar is a horizontal menu component.\n\n[Live Demo](https://www.primevue.org/menubar/)",
"components": {
"default": {
"description": "Menubar is a horizontal menu component.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"MenubarProps": {
"description": "Defines valid properties in Menubar component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of menuitems."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
},
{
"name": "buttonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the menu button."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
}
],
"methods": []
},
"MenubarSlots": {
"description": "Defines valid slots in Menubar component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "start",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom start template."
},
{
"name": "end",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom end template."
},
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
},
{
"name": "popupicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom popup icon template on responsive mode."
},
{
"name": "submenuicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>root</b>: boolean, // Whether item is root\n \t <b>active</b>: boolean, // Whether item is active\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom submenu icon template."
},
{
"name": "itemicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n \t <b>class</b>: any, // Style class of the item icon element.\n }",
"description": "item icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item icon template."
}
]
},
"MenubarEmits": {
"description": "Defines valid emits in Menubar component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"menuitem": {
"description": "PrimeVue menu components share a common api to specify the menuitems and submenus.",
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"MenuItemCommandEvent": {
"description": "Custom command event.",
"relatedProp": "",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "item",
"optional": false,
"readonly": false,
"type": "MenuItem",
"default": "",
"description": "Menuitem instance."
},
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"MenuItem": {
"description": "Defines model of MenuItem API.",
"relatedProp": "",
"props": [
{
"name": "label",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an item."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the item."
},
{
"name": "to",
"optional": true,
"readonly": false,
"type": "RouteLocationRaw",
"default": "",
"description": "Route configuration such as path, name and parameters."
},
{
"name": "command",
"optional": true,
"readonly": false,
"type": "Function",
"default": ""
},
{
"name": "url",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "External link to navigate when item is clicked."
},
{
"name": "items",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of children menuitems."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean | Function",
"default": "false",
"description": "A boolean or a function to return a boolean to specify if the item is disabled."
},
{
"name": "visible",
"optional": true,
"readonly": false,
"type": "boolean | Function",
"default": "true",
"description": "A boolean or a function to return a boolean to specify if the item is visible."
},
{
"name": "target",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Specifies where to open the linked document."
},
{
"name": "separator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines the item as a separator."
},
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the menuitem."
},
{
"name": "class",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the menuitem."
},
{
"name": "key",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Unique identifier of an item."
},
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
}
}
}
},
"message": {
"description": "Message groups a collection of contents in tabs.\n\n[Live Demo](https://www.primevue.org/message/)",
"components": {
"default": {
"description": "Messages is used to display inline messages with various severities.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"MessageProps": {
"description": "Defines valid properties in Message component.",
"relatedProp": "",
"props": [
{
"name": "severity",
"optional": true,
"readonly": false,
"type": "string",
"default": "info",
"description": "Severity level of the message."
},
{
"name": "closable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether the message can be closed manually using the close icon."
},
{
"name": "sticky",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "When enabled, message is not removed automatically."
},
{
"name": "life",
"optional": true,
"readonly": false,
"type": "number",
"default": "3000",
"description": "Delay in milliseconds to close the message automatically."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Display a custom icon for the message."
},
{
"name": "closeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the message close button.",
"deprecated": "since v3.27.0. Use 'closeicon' slot."
},
{
"name": "closeButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the close button.",
"deprecated": "since v3.26.0. Use 'pt' property."
}
],
"methods": []
},
"MessageSlots": {
"description": "Defines valid slots in Message slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Default custom slot."
},
{
"name": "messageicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: any, // Style class of the item icon element.\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom message icon template."
},
{
"name": "closeicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: any, // Style class of the item icon element.\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom close icon template."
}
]
},
"MessageEmits": {
"description": "Defines valid emits in Message component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "close",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when a message is closed."
}
]
}
}
}
},
"multiselect": {
"description": "MultiSelect is used to select multiple items from a collection.\n\n[Live Demo](https://www.primevue.org/multiselect/)",
"components": {
"default": {
"description": "MultiSelect is used to select multiple items from a collection.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": [
{
"name": "show",
"parameters": [
{
"name": "isFocus",
"type": "boolean",
"description": "Decides whether to focus on the component. Default value is false."
}
],
"returnType": "void",
"description": "Shows the overlay."
},
{
"name": "hide",
"parameters": [
{
"name": "isFocus",
"type": "boolean",
"description": "Decides whether to focus on the component. Default value is false."
}
],
"returnType": "void",
"description": "Hides the overlay."
}
]
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"MultiSelectChangeEvent": {
"description": "Custom change event.",
"relatedProp": "MultiSelectEmits.change",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Selected option value"
}
],
"methods": []
},
"MultiSelectAllChangeEvent": {
"description": "Custom all change event.",
"relatedProp": "MultiSelectEmits['selectall-change']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "checked",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether all data is selected."
}
],
"methods": []
},
"MultiSelectFilterEvent": {
"description": "Custom filter event",
"relatedProp": "MultiSelectEmits.filter",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Original event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Filter value"
}
],
"methods": []
},
"MultiSelectProps": {
"description": "Defines valid properties in MultiSelect component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the component."
},
{
"name": "options",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "An array of selectitems to display as the available options."
},
{
"name": "optionLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option."
},
{
"name": "optionValue",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the value of an option, defaults to the option itself when not defined."
},
{
"name": "optionDisabled",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
"name": "optionGroupLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option group."
},
{
"name": "optionGroupChildren",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function that refers to the children options of option group."
},
{
"name": "scrollHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "200px",
"description": "Height of the viewport, a scrollbar is defined if height of list exceeds this value."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Label to display when there are no selections."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "panelStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the overlay panel."
},
{
"name": "panelClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the overlay panel."
},
{
"name": "panelProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the overlay panel."
},
{
"name": "filterInputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the filter input inside the overlay panel."
},
{
"name": "closeButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the clear button inside the overlay panel."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "A property to uniquely identify an option."
},
{
"name": "filter",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, displays a filter input at header."
},
{
"name": "filterPlaceholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Placeholder text to show when filter input is empty."
},
{
"name": "filterLocale",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
"name": "filterMatchMode",
"optional": true,
"readonly": false,
"type": "string",
"default": "contains",
"description": "Defines the filtering algorithm to use when searching the options."
},
{
"name": "filterFields",
"optional": true,
"readonly": false,
"type": "string[]",
"default": "",
"description": "Fields used when filtering the options, defaults to optionLabel."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself."
},
{
"name": "display",
"optional": true,
"readonly": false,
"type": "\"comma\" | \"chip\"",
"default": "comma",
"description": "Defines how the selected items are displayed."
},
{
"name": "selectedItemsLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} items selected'",
"description": "Label to display after exceeding max selected labels."
},
{
"name": "maxSelectedLabels",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Decides how many selected item labels to show at most."
},
{
"name": "selectionLimit",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Maximum number of selectable items."
},
{
"name": "showToggleAll",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show the header checkbox to toggle the selection of all items at once."
},
{
"name": "loading",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the multiselect is in loading state."
},
{
"name": "checkboxIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the checkboxes.",
"deprecated": "since v3.27.0. Use 'checkboxicon' slot."
},
{
"name": "closeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the dropdown close button.",
"deprecated": "since v3.27.0. Use 'closeicon' slot."
},
{
"name": "dropdownIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the dropdown.",
"deprecated": "since v3.27.0. Use 'dropdownicon' slot."
},
{
"name": "filterIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in filter input.",
"deprecated": "since v3.27.0. Use 'filtericon' slot."
},
{
"name": "loadingIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in loading state.",
"deprecated": "since v3.27.0. Use 'loadingicon' slot."
},
{
"name": "removeTokenIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in chip remove action.",
"deprecated": "since v3.27.0. Use 'removetokenicon' slot."
},
{
"name": "selectAll",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether all data is selected."
},
{
"name": "resetFilterOnHide",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Clears the filter value when hiding the dropdown."
},
{
"name": "virtualScrollerOptions",
"optional": true,
"readonly": false,
"type": "VirtualScrollerProps",
"default": "",
"description": "Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it."
},
{
"name": "autoOptionFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to focus on the first visible or selected element when the overlay panel is shown."
},
{
"name": "autoFilterFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to focus on the filter element when the overlay panel is shown."
},
{
"name": "filterMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} results are available'",
"description": "Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "selectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "'{0} items selected'",
"description": "Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptySelectionMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No selected item",
"description": "Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptyFilterMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No results found",
"description": "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration."
},
{
"name": "emptyMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No results found'",
"description": "Text to display when there are no options available. Defaults to value from PrimeVue locale configuration."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
}
],
"methods": []
},
"MultiSelectSlots": {
"description": "Defines valid slots in MultiSelect component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "value",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>placeholder</b>: string, // Placeholder prop value\n }",
"description": "value slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom value template."
},
{
"name": "chip",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // A value in the selection\n }",
"description": "chip slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom chip template."
},
{
"name": "indicator",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom indicator template.",
"deprecated": "since v3.27.0. Use 'loadingicon and dropdownicon' slot."
},
{
"name": "header",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>options</b>: any, // Displayed options\n }",
"description": "header slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Value of the component\n \t <b>options</b>: any, // Displayed options\n }",
"description": "footer slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "option",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>option</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "option slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom option template."
},
{
"name": "optiongroup",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>option</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "option group slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom option group template."
},
{
"name": "emptyfilter",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom emptyfilter template."
},
{
"name": "empty",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom empty template."
},
{
"name": "content",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>items</b>: any, // An array of objects to display for virtualscroller\n \t <b>styleClass</b>: string, // Style class of the component\n \t <b>contentRef(el: any)</b>: void, // Referance of the content\n \t <b>getItemOptions(index: number)</b>: VirtualScrollerItemOptions, // Options of the items\n }",
"description": "content slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "loader",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>options</b>: any, // Options of the loader items for virtualscroller\n }",
"description": "loader slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loader template."
},
{
"name": "removetokenicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: string, // Style class of the loading icon.\n \t <b>onClick</b>: string, // Remove token icon function.\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom remove token icon template."
},
{
"name": "headercheckboxicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>allSelected</b>: boolean, // Options of the loader items for virtualscroller\n \t <b>class</b>: string, // Style class of the loading icon.\n }",
"description": "header checkbox icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header checkbox icon template."
},
{
"name": "filtericon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: string, // Style class of the loading icon.\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom filter icon template."
},
{
"name": "closeicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: string, // Style class of the loading icon.\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom close icon template."
},
{
"name": "itemcheckboxicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>selected</b>: boolean, // Options of the loader items for virtualscroller\n \t <b>class</b>: string, // Style class of the loading icon.\n }",
"description": "header checkbox icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item checkbox icon template."
},
{
"name": "loadingicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: string, // Style class of the loading icon.\n }",
"description": "loading icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading icon template."
},
{
"name": "dropdownicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>class</b>: string, // Style class of the loading icon.\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom dropdown icon template."
}
]
},
"MultiSelectEmits": {
"description": "Defines valid emits in MultiSelect component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "MultiSelectChangeEvent",
"description": "Custom change event."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
},
{
"name": "before-show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is shown."
},
{
"name": "before-hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is hidden."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is hidden."
},
{
"name": "filter",
"parameters": [
{
"name": "event",
"optional": false,
"type": "MultiSelectFilterEvent",
"description": "Custom filter event."
}
],
"returnType": "void",
"description": "Callback to invoke on filter input."
},
{
"name": "selectall-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "MultiSelectAllChangeEvent",
"description": "Custom select all change event."
}
],
"returnType": "void",
"description": "Callback to invoke when all data is selected."
}
]
}
}
}
},
"orderlist": {
"description": "OrderList is used to managed the order of a collection.\n\n[Live Demo](https://primevue.org/orderlist)",
"components": {
"default": {
"description": "OrderList is used to sort a collection.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"OrderListReorderEvent": {
"description": "Custom reorder event",
"relatedProp": "OrderListEmits.reorder",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Ordered list"
},
{
"name": "direction",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Direction of the change; 'up', 'down', 'bottom', 'top'"
}
],
"methods": []
},
"OrderListSelectionChangeEvent": {
"description": "Custom selection change event",
"relatedProp": "OrderListEmits['selection-change']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Ordered list"
}
],
"methods": []
},
"OrderListProps": {
"description": "Defines valid properties in OrderList component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Value of the component."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the field that uniquely identifies the a record in the data."
},
{
"name": "selection",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Selected items in the list."
},
{
"name": "metaKeySelection",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Defines whether metaKey is requred or not for the selection.\nWhen true metaKey needs to be pressed to select or unselect an item and\nwhen set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically."
},
{
"name": "listStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the the list element."
},
{
"name": "responsive",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether the list optimizes layout based on screen size."
},
{
"name": "breakpoint",
"optional": true,
"readonly": false,
"type": "string",
"default": "960px",
"description": "The breakpoint to define the maximum width boundary when responsiveness is enabled."
},
{
"name": "stripedRows",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether to displays rows with alternating colors."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "listProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLAttributes to the list element."
},
{
"name": "moveUpButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move up button inside the component."
},
{
"name": "moveTopButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move top button inside the component."
},
{
"name": "moveDownButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move down button inside the component."
},
{
"name": "moveBottomButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move bottom button inside the component."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive list element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying list element."
}
],
"methods": []
},
"OrderListSlots": {
"description": "Defines valid slots in OrderList component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item of the component\n \t <b>index</b>: number, // Index of the item.\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
},
{
"name": "controlsstart",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom controls start template."
},
{
"name": "controlsend",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom controls end template."
},
{
"name": "moveupicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move up icon template."
},
{
"name": "movetopicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move top icon template."
},
{
"name": "movedownicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move down icon template."
},
{
"name": "movebottomicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move bottom icon template."
}
]
},
"OrderListEmits": {
"description": "Defines valid slots in OrderList component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any[]",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "update:selection",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any[]",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the selection changes."
},
{
"name": "reorder",
"parameters": [
{
"name": "event",
"optional": false,
"type": "OrderListReorderEvent",
"description": "Custom reorder event."
}
],
"returnType": "void",
"description": "Callback to invoke when the list is reordered."
},
{
"name": "selection-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "OrderListSelectionChangeEvent",
"description": "Custom selection change event."
}
],
"returnType": "void",
"description": "Callback to invoke when selection changes."
}
]
}
}
}
},
"organizationchart": {
"description": "OrganizationChart visualizes hierarchical organization data.\n\n[Live Demo](https://primevue.org/organizationchart)",
"components": {
"default": {
"description": "OrganizationChart visualizes hierarchical organization data.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"OrganizationChartNode": {
"description": "Defines valid properties in OrganizationChartNode.",
"relatedProp": "",
"props": [
{
"name": "key",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Unique identifier of the node. (required)"
},
{
"name": "type",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Type of the node to match a template."
},
{
"name": "styleClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the node content."
},
{
"name": "data",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Data represented by the node."
},
{
"name": "selectable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether node is selectable when selection is enabled."
},
{
"name": "collapsible",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether node is collapsible when node expansion is enabled."
},
{
"name": "children",
"optional": true,
"readonly": false,
"type": "OrganizationChartNode[]",
"default": "",
"description": "Children nodes array."
},
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"OrganizationChartSelectionKeys": {
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"OrganizationChartCollapsedKeys": {
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"OrganizationChartProps": {
"description": "Defines valid properties in OrganizationChart component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "OrganizationChartNode",
"default": "",
"description": "Value of the component."
},
{
"name": "selectionKeys",
"optional": true,
"readonly": false,
"type": "OrganizationChartSelectionKeys",
"default": "",
"description": "A map instance of key-value pairs to represented the selected nodes."
},
{
"name": "selectionMode",
"optional": true,
"readonly": false,
"type": "\"multiple\" | \"single\"",
"default": "",
"description": "Type of the selection."
},
{
"name": "collapsedKeys",
"optional": true,
"readonly": false,
"type": "OrganizationChartCollapsedKeys",
"default": "",
"description": "A map instance of key-value pairs to represented the collapsed nodes."
},
{
"name": "collapsible",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the nodes can be expanded or toggled."
}
],
"methods": []
},
"OrganizationChartSlots": {
"description": "Defines valid slots in OrganizationChart component.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "Function"
}
],
"methods": [
{
"name": "default",
"parameters": [
{
"name": "node",
"optional": false,
"type": "any"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "togglericon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>expanded</b>: boolean, // Curent state of the node\n }",
"description": "togglericon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom toggler icon template."
}
]
},
"OrganizationChartEmits": {
"description": "Defines valid emits in OrganizationChart component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:selectionKeys",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "update:collapsedKeys",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "node-select",
"parameters": [
{
"name": "node",
"optional": false,
"type": "OrganizationChartNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a suggestion is selected."
},
{
"name": "node-unselect",
"parameters": [
{
"name": "node",
"optional": false,
"type": "OrganizationChartNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is unselected."
},
{
"name": "node-expand",
"parameters": [
{
"name": "node",
"optional": false,
"type": "OrganizationChartNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is expanded."
},
{
"name": "node-collapsed",
"parameters": [
{
"name": "node",
"optional": false,
"type": "OrganizationChartNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is collapsed."
}
]
}
}
}
},
"overlaypanel": {
"description": "OverlayPanel is a container component positioned as connected to its target.\n\n[Live Demo](https://primevue.org/overlaypanel)",
"components": {
"default": {
"description": "OverlayPanel, also known as Popover, is a container component that can overlay other components on page.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": [
{
"name": "toggle",
"parameters": [
{
"name": "event",
"type": "Event",
"description": "Browser event."
},
{
"name": "target",
"type": "any",
"description": "Optional target if event.currentTarget should not be used."
}
],
"returnType": "void",
"description": "Toggles the visibility of the overlay."
},
{
"name": "show",
"parameters": [
{
"name": "event",
"type": "Event",
"description": "Browser event."
},
{
"name": "target",
"type": "any",
"description": "Optional target if event.currentTarget should not be used."
}
],
"returnType": "void",
"description": "Shows the overlay."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Hides the overlay."
}
]
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"OverlayPanelBreakpoints": {
"description": "OverlayPanel breakpoint metadata.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "string"
}
],
"methods": []
},
"OverlayPanelProps": {
"description": "Defines valid properties in OverlayPanel component.",
"relatedProp": "",
"props": [
{
"name": "dismissable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Enables to hide the overlay when outside is clicked."
},
{
"name": "showCloseIcon",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, displays a close icon at top right corner."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "breakpoints",
"optional": true,
"readonly": false,
"type": "OverlayPanelBreakpoints",
"default": "",
"description": "Object literal to define widths per screen size."
},
{
"name": "closeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the overlaypanel close button.",
"deprecated": "since v3.27.0. Use 'closeicon' slot."
}
],
"methods": []
},
"OverlayPanelSlots": {
"description": "Defines valid slots in OverlayPanel component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "closeicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom close icon template."
}
]
},
"OverlayPanelEmits": {
"description": "Defines valid emits in OverlayPanel component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is hidden."
}
]
}
}
}
},
"paginator": {
"description": "Paginator is a generic component to display content in paged format.\n\n[Live Demo](https://primevue.org/paginator)",
"components": {
"default": {
"description": "Paginator is a generic widget to display content in paged format.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"PageState": {
"description": "Paginator page state metadata.",
"relatedProp": "",
"props": [
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of first record"
},
{
"name": "rows",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display in new page"
},
{
"name": "page",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "New page number"
},
{
"name": "pageCount",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Total number of pages"
}
],
"methods": []
},
"PaginatorProps": {
"description": "Defines valid properties in Paginator component.",
"relatedProp": "",
"props": [
{
"name": "totalRecords",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Number of total records."
},
{
"name": "rows",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Data count to display per page."
},
{
"name": "first",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Zero-relative number of the first row to be displayed."
},
{
"name": "pageLinkSize",
"optional": true,
"readonly": false,
"type": "number",
"default": "5",
"description": "Number of page links to display."
},
{
"name": "rowsPerPageOptions",
"optional": true,
"readonly": false,
"type": "number[]",
"default": "",
"description": "Array of integer values to display inside rows per page dropdown."
},
{
"name": "template",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint.\n\n- FirstPageLink\n- PrevPageLink\n- PageLinks\n- NextPageLink\n- LastPageLink\n- RowsPerPageDropdown\n- JumpToPageDropdown\n- JumpToPageInput\n- CurrentPageReport"
},
{
"name": "currentPageReportTemplate",
"optional": true,
"readonly": false,
"type": "string",
"default": "'({currentPage} of {totalPages})'",
"description": "Template of the current page report element. It displays information about the pagination state. Available placeholders are the following;\n\n- {currentPage}\n- {totalPages}\n- {rows}\n- {first}\n- {last}\n- {totalRecords}"
},
{
"name": "alwaysShow",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show the paginator even there is only one page."
}
],
"methods": []
},
"PaginatorSlots": {
"description": "Defines valid slots in Paginator component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "start",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>state</b>: PageState, // Current state\n }",
"description": "start slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom start template."
},
{
"name": "end",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>state</b>: PageState, // Current state\n }",
"description": "end slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom end template."
},
{
"name": "firstpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom first page link icon template."
},
{
"name": "prevpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom previous page link icon template."
},
{
"name": "nextpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom finextrst page link icon template."
},
{
"name": "lastpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom last page link icon template."
}
]
},
"PaginatorEmits": {
"description": "Defines valid emits in Paginator component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:first",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the first changes."
},
{
"name": "update:rows",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the rows changes."
},
{
"name": "page",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PageState",
"description": "New page state."
}
],
"returnType": "void",
"description": "Callback to invoke when page changes, the event object contains information about the new state."
}
]
}
}
}
},
"panel": {
"description": "Panel is a container with the optional content toggle feature.\n\n[Live Demo](https://www.primevue.org/panel/)",
"components": {
"default": {
"description": "Panel is a container with the optional content toggle feature.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"PanelPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "PanelProps",
"default": ""
},
{
"name": "state",
"optional": false,
"readonly": false,
"type": "PanelState",
"default": ""
}
],
"methods": []
},
"PanelToggleEvent": {
"description": "Custom toggle event.",
"relatedProp": "PanelEmits.toggle",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Collapsed state as a boolean"
}
],
"methods": []
},
"PanelPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "PanelProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "header",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the header's DOM element."
},
{
"name": "title",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the title's DOM element."
},
{
"name": "icons",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the icons' DOM element."
},
{
"name": "toggler",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the toggler's DOM element."
},
{
"name": "togglerIcon",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the togglericon's DOM element."
},
{
"name": "toggleableContent",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the toggleablecontent's DOM element."
},
{
"name": "content",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the content's DOM element."
},
{
"name": "footer",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the footer's DOM element."
}
],
"methods": []
},
"PanelPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"PanelState": {
"description": "Defines current inline state in Panel component.",
"relatedProp": "",
"props": [
{
"name": "d_collapsed",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Current collapsed state as a boolean."
}
],
"methods": []
},
"PanelProps": {
"description": "Defines valid properties in Panel component.",
"relatedProp": "",
"props": [
{
"name": "header",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Header text of the panel."
},
{
"name": "toggleable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if content of panel can be expanded and collapsed."
},
{
"name": "collapsed",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines the initial state of panel content."
},
{
"name": "toggleButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass the custom value to read for the button inside the component.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "PanelPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"PanelSlots": {
"description": "Defines valid slots in Panel slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "icons",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icons template."
},
{
"name": "togglericon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>collapsed</b>: boolean, // Collapsed state as a boolean\n }",
"description": "toggler icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom toggler icon template of panel."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
}
]
},
"PanelEmits": {
"description": "Defines valid emits in Panel component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:collapsed",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the collapsed changes."
},
{
"name": "toggle",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PanelToggleEvent",
"description": "Custom toggle event."
}
],
"returnType": "void",
"description": "Callback to invoke when a tab toggle."
}
]
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"PanelPassThroughOptionType": {
"values": "PanelPassThroughAttributes | (options: PanelPassThroughMethodOptions) => PanelPassThroughAttributes | null | undefined"
}
}
}
},
"panelmenu": {
"description": "PanelMenu is a hybrid of Accordion and Tree components.\n\n[Live Demo](https://www.primevue.org/panelmenu/)",
"components": {
"default": {
"description": "PanelMenu is a hybrid of Accordion and Tree components.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"PanelMenuExpandedKeys": {
"description": "Custom expanded keys metadata.",
"relatedProp": "PanelMenuProps.expandedKeys",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"PanelMenuPanelOpenEvent": {
"description": "Custom panel open event.",
"relatedProp": "PanelMenuEmits['panel-open']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "MouseEvent",
"default": "",
"description": "Browser mouse event."
},
{
"name": "item",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Current item."
}
],
"methods": [],
"extendedBy": "PanelMenuPanelCloseEvent"
},
"PanelMenuPanelCloseEvent": {
"description": "Custom panel close event.",
"relatedProp": "PanelMenuEmits['panel-close']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "MouseEvent",
"default": "",
"description": "Browser mouse event."
},
{
"name": "item",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Current item."
}
],
"methods": [],
"extendedTypes": "PanelMenuPanelOpenEvent"
},
"PanelMenuProps": {
"description": "Defines valid properties in PanelMenu component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of menuitems."
},
{
"name": "expandedKeys",
"optional": true,
"readonly": false,
"type": "PanelMenuExpandedKeys",
"default": "",
"description": "A map of keys to represent the expansion state in controlled mode."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
}
],
"methods": []
},
"PanelMenuSlots": {
"description": "Defines valid slots in PanelMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content for each item."
},
{
"name": "submenuicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>active</b>: boolean, // Whether item is active\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom submenu icon template."
},
{
"name": "headericon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n \t <b>class</b>: any, // Style class of the item icon element.\n }",
"description": "header icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header icon template."
},
{
"name": "itemicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n \t <b>class</b>: any, // Style class of the item icon element.\n }",
"description": "item icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item icon template."
}
]
},
"PanelMenuEmits": {
"description": "Defines valid emits in PanelMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:expandedKeys",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the expandedKeys changes."
},
{
"name": "panel-open",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PanelMenuPanelOpenEvent",
"description": "Custom panel open event."
}
],
"returnType": "void",
"description": "Callback to invoke when a panel gets expanded."
},
{
"name": "panel-close",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PanelMenuPanelCloseEvent",
"description": "Custom panel close event."
}
],
"returnType": "void",
"description": "Callback to invoke when an active panel is collapsed by clicking on the header."
}
]
}
}
}
},
"password": {
"description": "Password displays strength indicator for password fields.\n\n[Live Demo](https://www.primevue.org/password/)",
"components": {
"default": {
"description": "Password displays strength indicator for password fields.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"PasswordProps": {
"description": "Defines valid properties in Password component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "Nullable<string>",
"default": "",
"description": "Value of the component."
},
{
"name": "promptLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Text to prompt password entry. Defaults to PrimeVue Locale configuration."
},
{
"name": "mediumRegex",
"optional": true,
"readonly": false,
"type": "string",
"default": "^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",
"description": "Regex for a medium level password."
},
{
"name": "strongRegex",
"optional": true,
"readonly": false,
"type": "string",
"default": "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",
"description": "Regex for a strong level password."
},
{
"name": "weakLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Text for a weak password. Defaults to PrimeVue Locale configuration."
},
{
"name": "mediumLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Text for a medium password. Defaults to PrimeVue Locale configuration."
},
{
"name": "strongLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Text for a strong password. Defaults to PrimeVue Locale configuration."
},
{
"name": "feedback",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show the strength indicator or not."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached."
},
{
"name": "toggleMask",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to show an icon to display the password as plain text."
},
{
"name": "hideIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to hide displaying the password as plain text.",
"deprecated": "since v3.27.0. Use 'hideicon' slot."
},
{
"name": "showIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to show displaying the password as plain text.",
"deprecated": "since v3.27.0. Use 'showicon' slot."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Placeholder text for the input."
},
{
"name": "required",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that an input field must be filled out before submitting the form."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "panelId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying overlay panel element."
},
{
"name": "panelClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the overlay panel."
},
{
"name": "panelStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the overlay panel."
},
{
"name": "panelProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": [],
"extendedTypes": "InputHTMLAttributes"
},
"PasswordSlots": {
"description": "Defines valid slots in Password component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "content",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "hideicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>onClick()</b>: void, // Hide icon click event\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom hide icon template."
},
{
"name": "showicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>onClick()</b>: void, // Show icon click event\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom show icon template."
}
]
},
"PasswordEmits": {
"description": "Defines valid emits in Password component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "string",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
}
]
}
}
}
},
"picklist": {
"description": "PickList is used to reorder items between different lists.\n\n[Live Demo](https://primevue.org/picklist)",
"components": {
"default": {
"description": "PickList is used to reorder items between different lists.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"PickListReorderEvent": {
"description": "Custom reorder event.",
"relatedProp": "PickListEmits.reorder",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Ordered list"
},
{
"name": "direction",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Direction of the change; 'up', 'down', 'bottom', 'top'"
},
{
"name": "listIndex",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the list that is ordered, 0 represents the source and 1 represents the target list."
}
],
"methods": []
},
"PickListSelectionChangeEvent": {
"description": "Custom selection change event.",
"relatedProp": "PickListEmits['selection-change']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Selected item"
}
],
"methods": []
},
"PickListMoveToTargetEvent": {
"description": "Custom move-to-target event.",
"relatedProp": "PickListEmits['move-to-target']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "items",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Moved items"
}
],
"methods": [],
"extendedBy": "PickListMoveAllToTargetEvent,PickListMoveToSourceEvent,PickListMoveAllToSourceEvent"
},
"PickListMoveAllToTargetEvent": {
"description": "Custom move-all-to-target event.",
"relatedProp": "PickListEmits['move-all-to-target']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "items",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Moved items"
}
],
"methods": [],
"extendedTypes": "PickListMoveToTargetEvent"
},
"PickListMoveToSourceEvent": {
"description": "Custom move-to-source event.",
"relatedProp": "PickListEmits['move-all-to-target']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "items",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Moved items"
}
],
"methods": [],
"extendedTypes": "PickListMoveToTargetEvent"
},
"PickListMoveAllToSourceEvent": {
"description": "Custom move-all-to-source event.",
"relatedProp": "PickListEmits['move-all-to-target']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "items",
"optional": false,
"readonly": false,
"type": "any[]",
"default": "",
"description": "Moved items"
}
],
"methods": [],
"extendedTypes": "PickListMoveToTargetEvent"
},
"PickListProps": {
"description": "Defines valid properties in PickList component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any[][]",
"default": "",
"description": "Value of the component as a multidimensional array."
},
{
"name": "selection",
"optional": true,
"readonly": false,
"type": "any[][]",
"default": "",
"description": "Selected items in the list as a multidimensional array."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the field that uniquely identifies the a record in the data."
},
{
"name": "metaKeySelection",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Defines whether metaKey is requred or not for the selection.\nWhen true metaKey needs to be pressed to select or unselect an item and\nwhen set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically."
},
{
"name": "listStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the the list element."
},
{
"name": "responsive",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether the list optimizes layout based on screen size."
},
{
"name": "breakpoint",
"optional": true,
"readonly": false,
"type": "string",
"default": "960px",
"description": "The breakpoint to define the maximum width boundary when responsiveness is enabled."
},
{
"name": "stripedRows",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to displays rows with alternating colors."
},
{
"name": "showSourceControls",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to show buttons of source list."
},
{
"name": "showTargetControls",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to show buttons of target list."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the list element in tabbing order."
},
{
"name": "targetListProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLAttributes to the target list element."
},
{
"name": "sourceListProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLAttributes to the source list element."
},
{
"name": "moveUpButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move up button inside the component."
},
{
"name": "moveTopButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move top button inside the component."
},
{
"name": "moveDownButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move down button inside the component."
},
{
"name": "moveBottomButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move bottom button inside the component."
},
{
"name": "moveToTargetProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move to target button inside the component."
},
{
"name": "moveAllToTargetProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move all to target button inside the component."
},
{
"name": "moveToSourceProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move to source button inside the component."
},
{
"name": "moveAllToSourceProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the move all to source button inside the component."
}
],
"methods": []
},
"PickListSlots": {
"description": "Defines valid slots in PickList component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item of the component\n \t <b>index</b>: number, // Index of the item\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
},
{
"name": "sourceheader",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom source header template."
},
{
"name": "targetheader",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom target header template."
},
{
"name": "sourcecontrolsstart",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom source controls start template."
},
{
"name": "sourcecontrolsend",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom source controls end template."
},
{
"name": "movecontrolsstart",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move controls start template."
},
{
"name": "movecontrolsend",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move controls end template."
},
{
"name": "targetcontrolsstart",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom target controls start template."
},
{
"name": "targetcontrolsend",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom target controls end template."
},
{
"name": "moveupicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move up icon template."
},
{
"name": "movetopicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move top icon template."
},
{
"name": "movedownicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move down icon template."
},
{
"name": "movebottomicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move bottom icon template."
},
{
"name": "movetotargeticon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>viewChanged</b>: boolean, // Whether view change.\n }",
"description": "movetotargeticon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move to target icon template."
},
{
"name": "movealltotargeticon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>viewChanged</b>: boolean, // Whether view change.\n }",
"description": "movealltotargeticon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move all to target icon template."
},
{
"name": "movetosourceicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>viewChanged</b>: boolean, // Whether view change.\n }",
"description": "movetosourceicon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move to source icon template."
},
{
"name": "movealltosourceicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>viewChanged</b>: boolean, // Whether view change.\n }",
"description": "movealltosourceicon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom move all to source icon template."
}
]
},
"PickListEmits": {
"description": "Defines valid emits in PickList component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any[][]",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "update:selection",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any[][]",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the selection changes."
},
{
"name": "reorder",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PickListReorderEvent",
"description": "Custom reorder event."
}
],
"returnType": "void",
"description": "Callback to invoke when the list is reordered."
},
{
"name": "selection-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PickListSelectionChangeEvent",
"description": "Custom selection change event."
}
],
"returnType": "void",
"description": "Callback to invoke when one or more items are moved to the other list."
},
{
"name": "move-to-target",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PickListMoveToTargetEvent",
"description": "Custom move to target event."
}
],
"returnType": "void",
"description": "Callback to invoke when one or more items are moved to the target list."
},
{
"name": "move-all-to-target",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PickListMoveAllToTargetEvent",
"description": "Custom move all to target event."
}
],
"returnType": "void",
"description": "Callback to invoke when all items are moved to the target list."
},
{
"name": "move-to-source",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PickListMoveToSourceEvent",
"description": "Custom move to source event."
}
],
"returnType": "void",
"description": "Callback to invoke when one or more items are moved to the source list."
},
{
"name": "move-all-to-source",
"parameters": [
{
"name": "event",
"optional": false,
"type": "PickListMoveAllToSourceEvent",
"description": "Custom move all to source event."
}
],
"returnType": "void",
"description": "Callback to invoke when all items are moved to the source list."
}
]
}
}
}
},
"portal/Portal": {
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"PortalProps": {
"relatedProp": "",
"props": [
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "PortalAppendToType",
"default": "",
"description": "A valid query selector or an HTMLElement to specify where the dialog gets attached. Special keywords are 'body' for document body and 'self' for the element itself."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "If disabled, the Portal feature is eliminated and the content is displayed directly."
}
],
"methods": []
},
"PortalSlots": {
"relatedProp": "",
"props": [
{
"name": "default",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
}
],
"methods": []
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"PortalEmits": {
"values": "{}"
}
}
}
},
"progressbar": {
"description": "ProgressBar is a process status indicator.\n\n[Live Demo](https://www.primevue.org/progressbar)",
"components": {
"default": {
"description": "\n\n[Live Demo](https://www.primevue.org/progressbar/)\n--- ---\n![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ProgressBarProps": {
"description": "Defines valid properties in ProgressBar component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Current value of the progress."
},
{
"name": "mode",
"optional": true,
"readonly": false,
"type": "\"indeterminate\" | \"determinate\"",
"default": "determinate",
"description": "Defines the mode of the progress"
},
{
"name": "showValue",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to display the progress bar value."
}
],
"methods": []
},
"ProgressBarSlots": {
"description": "Defines valid slots in ProgressBar component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content slot."
}
]
},
"ProgressBarEmits": {
"description": "Defines valid emits in ProgressBar component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"progressspinner": {
"description": "ProgressSpinner is a process status indicator.\n\n[Live Demo](https://www.primevue.org/progressspinner)",
"components": {
"default": {
"description": "ProgressSpinner is a process status indicator.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ProgressSpinnerProps": {
"description": "Defines valid properties in ProgressSpinner component.",
"relatedProp": "",
"props": [
{
"name": "strokeWidth",
"optional": true,
"readonly": false,
"type": "string",
"default": "2",
"description": "Width of the circle stroke."
},
{
"name": "fill",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Color for the background of the circle."
},
{
"name": "animationDuration",
"optional": true,
"readonly": false,
"type": "string",
"default": "2s",
"description": "Duration of the rotate animation."
}
],
"methods": []
},
"ProgressSpinnerSlots": {
"description": "Defines valid slots in ProgressSpinner component.",
"relatedProp": "",
"props": [],
"methods": []
},
"ProgressSpinnerEmits": {
"description": "Defines valid emits in ProgressSpinner component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"radiobutton": {
"description": "RadioButton is an extension to standard radio button element with theming.\n\n[Live Demo](https://www.primevue.org/radiobutton/)",
"components": {
"default": {
"description": "RadioButton is an extension to standard radio button element with theming.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"RadioButtonProps": {
"description": "Defines valid properties in RadioButton component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the checkbox."
},
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value binding of the checkbox."
},
{
"name": "name",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the input element."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"RadioButtonSlots": {
"relatedProp": "",
"props": [],
"methods": []
},
"RadioButtonEmits": {
"description": "Defines valid emits in RadioButton component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke on radio button click."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke on radio button value change."
}
]
}
}
}
},
"rating": {
"description": "Rating component is a star based selection input.\n\n[Live Demo](https://www.primevue.org/rating/)",
"components": {
"default": {
"description": "Rating component is a star based selection input.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"RatingChangeEvent": {
"description": "Custom change event.",
"relatedProp": "RatingEmits.change",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Selected option value"
}
],
"methods": []
},
"RatingProps": {
"description": "Defines valid properties in Rating component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Value of the rating."
},
{
"name": "name",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the element."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the element should be disabled."
},
{
"name": "readonly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that component is read-only."
},
{
"name": "stars",
"optional": true,
"readonly": false,
"type": "number",
"default": "5",
"description": "Number of stars."
},
{
"name": "cancel",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "When specified a cancel icon is displayed to allow clearing the value."
},
{
"name": "onIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon for the on state.",
"deprecated": "since v3.27.0. Use 'onicon' slot."
},
{
"name": "offIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon for the off state.",
"deprecated": "since v3.27.0. Use 'officon' slot."
},
{
"name": "cancelIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon for the cancelable state.",
"deprecated": "since v3.27.0. Use 'cancelicon' slot."
}
],
"methods": []
},
"RatingSlots": {
"description": "Defines valid slots in Rating component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "cancelicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom cancel icon template."
},
{
"name": "onicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: number, // Item value\n }",
"description": "on icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom on icon template."
},
{
"name": "officon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: number, // Item value\n }",
"description": "off icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom off icon template."
}
]
},
"RatingEmits": {
"description": "Defines valid emits in Rating component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "RatingChangeEvent",
"description": "Custom change event."
}
],
"returnType": "void",
"description": "Callback to invoke when a suggestion is selected."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
}
]
}
}
}
},
"ripple": {
"description": "Ripple directive adds ripple effect to the host element.\n\n[Live Demo](https://primevue.org/ripple)",
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"RippleDirectiveBinding": {
"description": "Binding of Ripple directive.",
"relatedProp": "",
"props": [],
"methods": [],
"extendedTypes": "Omit<DirectiveBinding, \"modifiers\" | \"value\">"
}
}
}
},
"row": {
"description": "Row component is a helper component used to create grouping structures in DataTable.\n\n[Live Demo](https://www.primevue.org/datatable/)",
"components": {
"default": {
"description": "Row component is a helper component used to create grouping structures in DataTable.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"RowProps": {
"description": "Defines valid properties in Row component.",
"relatedProp": "",
"props": [],
"methods": []
},
"RowSlots": {
"description": "Defines valid slots in Row component.",
"relatedProp": "",
"props": [],
"methods": []
},
"RowEmits": {
"description": "Defines valid emits in Row component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"scrollpanel": {
"description": "ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.\n\n[Live Demo](https://www.primevue.org/scrollpanel/)",
"components": {
"default": {
"description": "ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar..",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ScrollPanelPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "ScrollPanelProps",
"default": ""
},
{
"name": "state",
"optional": false,
"readonly": false,
"type": "ScrollPanelState",
"default": ""
}
],
"methods": []
},
"ScrollPanelPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "ScrollPanelProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "ScrollPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "wrapper",
"optional": true,
"readonly": false,
"type": "ScrollPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the wrapper's DOM element."
},
{
"name": "content",
"optional": true,
"readonly": false,
"type": "ScrollPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the content's DOM element."
},
{
"name": "barX",
"optional": true,
"readonly": false,
"type": "ScrollPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the horizontal panel's DOM element."
},
{
"name": "barY",
"optional": true,
"readonly": false,
"type": "ScrollPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the vertical panel's DOM element."
}
],
"methods": []
},
"ScrollPanelPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"ScrollPanelState": {
"description": "Defines current inline state in Panel component.",
"relatedProp": "",
"props": [
{
"name": "id",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Current id state as a string."
},
{
"name": "orientation",
"optional": false,
"readonly": false,
"type": "string",
"default": "vertical",
"description": "Current scrollpanel orientation."
},
{
"name": "lastScrollTop",
"optional": false,
"readonly": false,
"type": "number",
"default": "0",
"description": "Latest scroll top position."
},
{
"name": "lastScrollLeft",
"optional": false,
"readonly": false,
"type": "number",
"default": "0",
"description": "Latest scroll left position."
}
],
"methods": []
},
"ScrollPanelProps": {
"description": "Defines valid properties in ScrollPanel component.",
"relatedProp": "",
"props": [
{
"name": "step",
"optional": true,
"readonly": false,
"type": "number",
"default": "5",
"description": "Step factor to scroll the content while pressing the arrow keys."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "ScrollPanelPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"ScrollPanelSlots": {
"description": "Defines valid slots in Accordion slots.",
"relatedProp": "",
"props": [
{
"name": "default",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
}
],
"methods": []
},
"ScrollPanelEmits": {
"relatedProp": "",
"props": [],
"methods": []
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"ScrollPanelPassThroughOptionType": {
"values": "ScrollPanelPassThroughAttributes | (options: ScrollPanelPassThroughMethodOptions) => ScrollPanelPassThroughAttributes | null | undefined"
}
}
}
},
"scrolltop": {
"description": "ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.\n\n[Live Demo](https://www.primevue.org/scrolltop/)",
"components": {
"default": {
"description": "ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ScrollTopProps": {
"description": "Defines valid properties in ScrollTop component.",
"relatedProp": "",
"props": [
{
"name": "target",
"optional": true,
"readonly": false,
"type": "\"window\" | \"parent\"",
"default": "window",
"description": "Target of the ScrollTop."
},
{
"name": "threshold",
"optional": true,
"readonly": false,
"type": "number",
"default": "400",
"description": "Defines the threshold value of the vertical scroll position of the target to toggle the visibility."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "behavior",
"optional": true,
"readonly": false,
"type": "string",
"default": "smooth",
"description": "Defines the scrolling behaviour, 'smooth' adds an animation and 'auto' scrolls with a jump."
}
],
"methods": []
},
"ScrollTopSlots": {
"description": "Defines valid slots in ScrollTop component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "icon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom scrolltop icon template."
}
]
},
"ScrollTopEmits": {
"description": "Defines valid emits in ScrollTop component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"selectbutton": {
"description": "SelectButton is used to choose single or multiple items from a list using buttons.\n\n[Live Demo](https://www.primevue.org/selectbutton/)",
"components": {
"default": {
"description": "SelectButton is used to choose single or multiple items from a list using buttons.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"SelectButtonChangeEvent": {
"description": "Custom change event.",
"relatedProp": "SelectButtonEmits.change",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Single value or an array of values that are selected."
}
],
"methods": []
},
"SelectButtonProps": {
"description": "Defines valid properties in SelectButton component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the component."
},
{
"name": "options",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "An array of selectitems to display as the available options."
},
{
"name": "optionLabel",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the label of an option."
},
{
"name": "optionValue",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the value of an option, defaults to the option itself when not defined."
},
{
"name": "optionDisabled",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
},
{
"name": "multiple",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, allows selecting multiple values."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the element should be disabled."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "A property to uniquely identify an option."
},
{
"name": "unselectable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether selection can be cleared."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying element."
}
],
"methods": []
},
"SelectButtonSlots": {
"description": "Defines valid slots in SelectButton component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "option",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>option</b>: any, // Option instance\n \t <b>index</b>: number, // Index of the option\n }",
"description": "option slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content for each option."
}
]
},
"SelectButtonEmits": {
"description": "Defines valid emits in SelectButton component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "SelectButtonChangeEvent",
"description": "Custom change event."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event"
}
],
"returnType": "void",
"description": "Callback to invoke on focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke on blur."
}
]
}
}
}
},
"sidebar": {
"description": "Sidebar is a panel component displayed as an overlay at the edges of the screen.\n\n[Live Demo](https://primevue.org/sidebar)",
"components": {
"default": {
"description": "Sidebar is a panel component displayed as an overlay.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"SidebarProps": {
"description": "Defines valid properties in Sidebar component.",
"relatedProp": "",
"props": [
{
"name": "visible",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Specifies the visibility of the dialog."
},
{
"name": "position",
"optional": true,
"readonly": false,
"type": "\"left\" | \"top\" | \"bottom\" | \"right\" | \"full\"",
"default": "left",
"description": "Specifies the position of the sidebar."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "dismissable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether clicking outside closes the panel."
},
{
"name": "showCloseIcon",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to display a close icon inside the panel."
},
{
"name": "closeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the sidebar close button.",
"deprecated": "since v3.27.0. Use 'closeicon' slot."
},
{
"name": "modal",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to a modal layer behind the sidebar."
},
{
"name": "blockScroll",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether background scroll should be blocked when sidebar is visible."
}
],
"methods": []
},
"SidebarSlots": {
"description": "Defines valid slots in Sidebar component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "closeicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom close icon template."
}
]
},
"SidebarEmits": {
"description": "Defines valid emits in Sidebar component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when sidebar gets shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when sidebar gets hidden."
}
]
}
}
}
},
"skeleton": {
"description": "Skeleton is a placeholder to display instead of the actual content.\n\n[Live Demo](https://www.primevue.org/skeleton/)",
"components": {
"default": {
"description": "Skeleton is a placeholder to display instead of the actual content.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"SkeletonProps": {
"description": "Defines valid properties in Skeleton component.",
"relatedProp": "",
"props": [
{
"name": "shape",
"optional": true,
"readonly": false,
"type": "\"circle\" | \"rectangle\"",
"default": "rectangle",
"description": "Shape of the element."
},
{
"name": "size",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Size of the Circle or Square."
},
{
"name": "width",
"optional": true,
"readonly": false,
"type": "string",
"default": "100%",
"description": "Width of the element."
},
{
"name": "height",
"optional": true,
"readonly": false,
"type": "string",
"default": "1rem",
"description": "Height of the element."
},
{
"name": "borderRadius",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Border radius of the element, defaults to value from theme."
},
{
"name": "animation",
"optional": true,
"readonly": false,
"type": "\"none\" | \"wave\"",
"default": "wave",
"description": "Type of the animation."
}
],
"methods": []
},
"SkeletonSlots": {
"description": "Defines valid slots in Skeleton component.",
"relatedProp": "",
"props": [],
"methods": []
},
"SkeletonEmits": {
"description": "Defines valid emits in Skeleton component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"slider": {
"description": "Slider is a component to provide input with a drag handle.\n\n[Live Demo](https://www.primevue.org/slider/)",
"components": {
"default": {
"description": "Slider is a component to provide input with a drag handle.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"SliderSlideEndEvent": {
"description": "Custom slide end event.",
"relatedProp": "SliderEmits.slideend",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Original event"
},
{
"name": "value",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "New value."
}
],
"methods": []
},
"SliderProps": {
"description": "Defines valid properties in Slider component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "number | number[]",
"default": "",
"description": "Value of the component."
},
{
"name": "min",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Mininum boundary value."
},
{
"name": "max",
"optional": true,
"readonly": false,
"type": "number",
"default": "100",
"description": "Maximum boundary value."
},
{
"name": "orientation",
"optional": true,
"readonly": false,
"type": "\"horizontal\" | \"vertical\"",
"default": "horizontal",
"description": "Orientation of the slider."
},
{
"name": "step",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Step factor to increment/decrement the value."
},
{
"name": "range",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When speficed, allows two boundary values to be picked."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Used to define a string that labels the element."
}
],
"methods": []
},
"SliderSlots": {
"description": "Defines valid slots in Slider component.",
"relatedProp": "",
"props": [],
"methods": []
},
"SliderEmits": {
"description": "Defines valid emits in Slider component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number | number[]",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value"
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "slideend",
"parameters": [
{
"name": "event",
"optional": false,
"type": "SliderSlideEndEvent",
"description": "Custom slide end event."
}
],
"returnType": "void",
"description": "Callback to invoke when slide ends."
}
]
}
}
}
},
"speeddial": {
"description": "When pressed, a floating action button can display multiple primary actions that can be performed on a page.\n\n[Live Demo](https://www.primevue.org/speeddial/)",
"components": {
"default": {
"description": "When pressed, a floating action button can display multiple primary actions that can be performed on a page.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"SpeedDialTooltipOptions": {
"description": "Defines tooltip options.",
"relatedProp": "SpeedDialProps.tooltipOptions",
"props": [
{
"name": "event",
"optional": false,
"readonly": false,
"type": "undefined | \"focus\" | \"hover\"",
"default": "",
"description": "Event to show the tooltip, valid values are hover and focus."
},
{
"name": "position",
"optional": false,
"readonly": false,
"type": "undefined | \"left\" | \"top\" | \"bottom\" | \"right\"",
"default": "bottom",
"description": "Position of element."
},
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"SpeedDialProps": {
"description": "Defines valid properties in SpeedDial component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "MenuModel instance to define the action items."
},
{
"name": "visible",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Specifies the visibility of the overlay."
},
{
"name": "direction",
"optional": true,
"readonly": false,
"type": "\"left\" | \"right\" | \"up\" | \"down\" | \"up-left\" | \"up-right\" | \"down-left\" | \"down-right\"",
"default": "up",
"description": "Specifies the opening direction of actions."
},
{
"name": "transitionDelay",
"optional": true,
"readonly": false,
"type": "number",
"default": "30",
"description": "Transition delay step for each action item."
},
{
"name": "type",
"optional": true,
"readonly": false,
"type": "\"linear\" | \"circle\" | \"semi-circle\" | \"quarter-circle\"",
"default": "linear",
"description": "Specifies the opening type of actions."
},
{
"name": "radius",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Radius for *circle types."
},
{
"name": "mask",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to show a mask element behind the speeddial."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the component is disabled."
},
{
"name": "hideOnClickOutside",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether the actions close when clicked outside."
},
{
"name": "buttonClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the button element."
},
{
"name": "maskStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the mask element."
},
{
"name": "maskClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the mask element."
},
{
"name": "showIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Show icon of the button element.",
"deprecated": "since v3.27.0. Use 'showicon' slot."
},
{
"name": "hideIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Hide icon of the button element.",
"deprecated": "since v3.27.0. Use 'hideicon' slot."
},
{
"name": "rotateAnimation",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Defined to rotate showIcon when hideIcon is not present."
},
{
"name": "class",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the element."
},
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the element."
},
{
"name": "tooltipOptions",
"optional": true,
"readonly": false,
"type": "SpeedDialTooltipOptions",
"default": "",
"description": "Whether to display the tooltip on items. The modifiers of Tooltip can be used like an object in it. Valid keys are 'event' and 'position'."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive list element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying list element."
}
],
"methods": []
},
"SpeedDialSlots": {
"description": "Defines valid slots in SpeedDial component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content for each item."
},
{
"name": "button",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>toggle()</b>: void, // Toggle metadata\n }",
"description": "button slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom button template."
},
{
"name": "icon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>visible</b>: boolean, // undefined\n }",
"description": "icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
}
]
},
"SpeedDialEmits": {
"description": "Defines valid emits in SpeedDial component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Fired when the button element clicked."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Fired when the actions are visible."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Fired when the actions are hidden."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
}
]
}
}
}
},
"splitbutton": {
"description": "SplitButton groups a set of commands in an overlay with a default command.\n\n[Live Demo](https://www.primevue.org/splitbutton/)",
"components": {
"default": {
"description": "SplitButton groups a set of commands in an overlay with a default command.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"SplitButtonProps": {
"description": "Defines valid properties in SplitButton component.",
"relatedProp": "",
"props": [
{
"name": "label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Text of the button."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the icon.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "MenuModel instance to define the overlay items."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached.\nSpecial keywords are 'body' for document body and 'self' for the element itself."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the element should be disabled."
},
{
"name": "class",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the component."
},
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the component."
},
{
"name": "buttonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the default button."
},
{
"name": "menuButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the menu button."
},
{
"name": "menuButtonIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the menu button icon.",
"deprecated": "since v3.27.0. Use 'menubuttonicon' slot."
},
{
"name": "severity",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines the style of the button."
},
{
"name": "raised",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a shadow to indicate elevation."
},
{
"name": "rounded",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a circular border radius to the button."
},
{
"name": "text",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a textual class to the button without a background initially."
},
{
"name": "outlined",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a border class without a background initially."
},
{
"name": "size",
"optional": true,
"readonly": false,
"type": "\"small\" | \"large\"",
"default": "",
"description": "Defines the size of the button."
},
{
"name": "plain",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Add a plain textual class to the button without a background initially."
}
],
"methods": []
},
"SplitButtonSlots": {
"description": "Defines valid slots in SplitButton component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Button part of the content can easily be customized with the default slot instead of using the built-in modes."
},
{
"name": "icon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom menu button icon template."
},
{
"name": "menubuttonicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom menu button icon template."
}
]
},
"SplitButtonEmits": {
"description": "Defines valid emits in SplitButton component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when main button is clicked."
}
]
}
}
}
},
"splitter": {
"description": "Splitter is utilized to separate and resize panels.\n\n[Live Demo](https://www.primevue.org/splitter/)",
"components": {
"default": {
"description": "Splitter is utilized to separate and resize panels.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"SplitterPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "SplitterProps",
"default": ""
},
{
"name": "state",
"optional": false,
"readonly": false,
"type": "SplitterState",
"default": ""
}
],
"methods": []
},
"SplitterResizeStartEvent": {
"description": "Custom resize start event.",
"relatedProp": "SplitterEmits.resizestar",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "sizes",
"optional": false,
"readonly": false,
"type": "number[]",
"default": "",
"description": "Sizes of the panels"
}
],
"methods": []
},
"SplitterResizeEndEvent": {
"description": "Custom resize end event.",
"relatedProp": "undefined.PickListEmits.resizeend",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "sizes",
"optional": false,
"readonly": false,
"type": "number[]",
"default": "",
"description": "Sizes of the panels"
}
],
"methods": []
},
"SplitterPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "SplitterProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "SplitterPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "gutter",
"optional": true,
"readonly": false,
"type": "SplitterPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the gutter's DOM element."
},
{
"name": "gutterHandler",
"optional": true,
"readonly": false,
"type": "SplitterPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the gutter handler's DOM element."
}
],
"methods": []
},
"SplitterPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"SplitterState": {
"description": "Defines current inline state in Panel component.",
"relatedProp": "",
"props": [
{
"name": "prevSize",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Previous size state as a number."
}
],
"methods": []
},
"SplitterProps": {
"description": "Defines valid properties in Splitter component.",
"relatedProp": "",
"props": [
{
"name": "layout",
"optional": true,
"readonly": false,
"type": "\"horizontal\" | \"vertical\"",
"default": "horizontal",
"description": "Orientation of the panels."
},
{
"name": "gutterSize",
"optional": true,
"readonly": false,
"type": "number",
"default": "4",
"description": "Size of the divider in pixels."
},
{
"name": "stateKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Storage identifier of a stateful Splitter."
},
{
"name": "stateStorage",
"optional": true,
"readonly": false,
"type": "\"local\" | \"session\"",
"default": "session",
"description": "Defines where a stateful splitter keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage."
},
{
"name": "step",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Step factor to increment/decrement the size of the panels while pressing the arrow keys."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "SplitterPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"SplitterSlots": {
"description": "Defines valid slots in Splitter slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Default slot to detect SplitterPanel components."
}
]
},
"SplitterEmits": {
"description": "Defines valid emits in Splitter component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "resizestar",
"parameters": [
{
"name": "event",
"optional": false,
"type": "SplitterResizeStartEvent",
"description": "Custom resize start event."
}
],
"returnType": "void",
"description": "Callback to invoke when resize starts."
},
{
"name": "resizeend",
"parameters": [
{
"name": "event",
"optional": false,
"type": "SplitterResizeEndEvent",
"description": "Custom resize end event."
}
],
"returnType": "void",
"description": "Callback to invoke when resize ends."
}
]
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"SplitterPassThroughOptionType": {
"values": "SplitterPassThroughAttributes | (options: SplitterPassThroughMethodOptions) => SplitterPassThroughAttributes | null | undefined"
}
}
}
},
"splitterpanel": {
"description": "SplitterPanel is a helper component for Splitter component.\n\n[Live Demo](https://www.primevue.org/splitter/)",
"components": {
"default": {
"description": "SplitterPanel is a helper component for Splitter component.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"SplitterPanelPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "SplitterPanelProps",
"default": ""
}
],
"methods": []
},
"SplitterPanelPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "undefined.PanelProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "SplitterPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
}
],
"methods": []
},
"SplitterPanelPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"SplitterPanelProps": {
"description": "Defines valid properties in SplitterPanel component.",
"relatedProp": "",
"props": [
{
"name": "size",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Size of the element relative to 100%."
},
{
"name": "minSize",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Minimum size of the element relative to 100%."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "SplitterPanelPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"SplitterPanelSlots": {
"description": "Defines valid slots in SplitterPanel slots.",
"relatedProp": "",
"props": [
{
"name": "default",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
}
],
"methods": []
},
"SplitterPanelEmits": {
"relatedProp": "",
"props": [],
"methods": []
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"SplitterPanelPassThroughOptionType": {
"values": "SplitterPanelPassThroughAttributes | (options: SplitterPanelPassThroughMethodOptions) => SplitterPanelPassThroughAttributes | null | undefined"
}
}
}
},
"steps": {
"description": "Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.\n\n[Live Demo](https://www.primevue.org/steps/)",
"components": {
"default": {
"description": "Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"StepsProps": {
"description": "Defines valid properties in Steps component.",
"relatedProp": "",
"props": [
{
"name": "id",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Unique identifier of the element."
},
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of menuitems."
},
{
"name": "readonly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether the items are clickable or not."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
}
],
"methods": []
},
"StepsSlots": {
"description": "Defines valid slots in Steps component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
}
]
},
"StepsEmits": {
"description": "Defines valid emits in Steps component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"styleclass": {
"description": "StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.\n\n[Live Demo](https://primevue.org/styleclass)",
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"StyleClassOptions": {
"description": "Defines options of StyleClass.",
"relatedProp": "",
"props": [
{
"name": "selector",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'."
},
{
"name": "enterClassName",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class to add when item begins to get displayed."
},
{
"name": "enterActiveClassName",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class to add during enter animation."
},
{
"name": "enterToClassName",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class to add when item begins to get displayed."
},
{
"name": "leaveClassName",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class to add when item begins to get hidden."
},
{
"name": "leaveActiveClassName",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class to add during leave animation."
},
{
"name": "leaveToClassName",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class to add when leave animation is completed."
},
{
"name": "hideOnOutsideClick",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to trigger leave animation when outside of the element is clicked."
},
{
"name": "toggleClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Adds or removes a class when no enter-leave animation is required."
}
],
"methods": []
},
"StyleClassDirectiveBinding": {
"description": "Binding of StyleClass directive.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "StyleClassOptions",
"default": "",
"description": "Value of the StyleClass."
}
],
"methods": [],
"extendedTypes": "Omit<DirectiveBinding, \"modifiers\" | \"value\">"
}
}
}
},
"tabmenu": {
"description": "TabMenu is a navigation component that displays items as tab headers. Example below uses nested routes with TabMenu.\n\n[Live Demo](https://www.primevue.org/tabmenu/)",
"components": {
"default": {
"description": "TabMenu is a navigation component that displays items as tab headers. Example below uses nested routes with TabMenu.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TabMenuChangeEvent": {
"description": "Custom change event.",
"relatedProp": "TabMenuEmits['tab-change']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the selected tab"
}
],
"methods": []
},
"TabMenuProps": {
"description": "Defines valid properties in TabMenu component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of menuitems."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Defines if active route highlight should match the exact route path."
},
{
"name": "activeIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Active index of menuitem."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
}
],
"methods": []
},
"TabMenuSlots": {
"description": "Defines valid slots in TabMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content for each item."
},
{
"name": "itemicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n \t <b>class</b>: any, // Style class of the item icon element.\n }",
"description": "item icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item icon template."
}
]
},
"TabMenuEmits": {
"description": "Defines valid emits in TabMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "tab-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "TabMenuChangeEvent",
"description": "Custom tab change event."
}
],
"returnType": "void",
"description": "Callback to invoke when an active tab is changed."
}
]
}
}
}
},
"tabpanel": {
"description": "TabPanel is a helper component for TabPanel component.\n\n[Live Demo](https://www.primevue.org/tabview/)",
"components": {
"default": {
"description": "TabPanel is a helper component for TabPanel component.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TabPanelPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "TabPanelProps",
"default": ""
},
{
"name": "parent",
"optional": false,
"readonly": false,
"type": "TabViewPassThroughOptions",
"default": ""
}
],
"methods": []
},
"TabPanelPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "TabPanelProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "TabPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "header",
"optional": true,
"readonly": false,
"type": "TabPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the header's DOM element."
},
{
"name": "headerAction",
"optional": true,
"readonly": false,
"type": "TabPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the header action's DOM element."
},
{
"name": "headerTitle",
"optional": true,
"readonly": false,
"type": "TabPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the title's DOM element."
},
{
"name": "content",
"optional": true,
"readonly": false,
"type": "TabPanelPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the list's DOM element."
}
],
"methods": []
},
"TabPanelPassThroughAttributes": {
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"TabPanelProps": {
"description": "Defines valid properties in TabPanel component.",
"relatedProp": "",
"props": [
{
"name": "header",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Orientation of tab headers."
},
{
"name": "headerStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the tab header."
},
{
"name": "headerClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the tab header."
},
{
"name": "headerProps",
"optional": true,
"readonly": false,
"type": "LiHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLLiElement to the tab header.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "headerActionProps",
"optional": true,
"readonly": false,
"type": "AnchorHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "contentStyle",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the tab content."
},
{
"name": "contentClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the tab content."
},
{
"name": "contentProps",
"optional": true,
"readonly": false,
"type": "HTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLDivElement to the tab content.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the tab is disabled."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "TabPanelPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"TabPanelSlots": {
"description": "Defines valid slots in TabPanel slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
}
]
},
"TabPanelEmits": {
"relatedProp": "",
"props": [],
"methods": []
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"TabPanelPassThroughOptionType": {
"values": "TabPanelPassThroughAttributes | (options: TabPanelPassThroughMethodOptions) => TabPanelPassThroughAttributes | null | undefined"
}
}
}
},
"tabview": {
"description": "TabView is a container component to group content with tabs.\n\n[Live Demo](https://www.primevue.org/tabview/)",
"components": {
"default": {
"description": "TabView is a container component to group content with tabs.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TabViewChangeEvent": {
"description": "Custom tab change event.",
"relatedProp": "TabViewEmits['tab-change']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the selected tab"
}
],
"methods": [],
"extendedBy": "TabViewClickEvent"
},
"TabViewClickEvent": {
"description": "Custom tab change event.",
"relatedProp": "TabViewEmits['tab-click']",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event"
},
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of the selected tab"
}
],
"methods": [],
"extendedTypes": "TabViewChangeEvent"
},
"TabViewPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "TabViewProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "navContainer",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the nav container's DOM element."
},
{
"name": "navContent",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the nav content's DOM element."
},
{
"name": "nav",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the list's DOM element."
},
{
"name": "inkbar",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the inkbar's DOM element."
},
{
"name": "previousButton",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the previous button's DOM element."
},
{
"name": "previousIcon",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the previous button icon's DOM element."
},
{
"name": "nextButton",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the next button's DOM element."
},
{
"name": "nextIcon",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the next button icon's DOM element."
},
{
"name": "panelContainer",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the panel's DOM element."
}
],
"methods": []
},
"TabViewPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"TabViewState": {
"description": "Defines current inline state in TabView component.",
"relatedProp": "",
"props": [
{
"name": "d_activeIndex",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Current active index state."
},
{
"name": "id",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Unique id for the TabView component."
},
{
"name": "isPrevButtonDisabled",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Current state of previous button."
},
{
"name": "isNextButtonDisabled",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Current state of the next button."
}
],
"methods": []
},
"TabViewProps": {
"description": "Defines valid properties in TabView component.",
"relatedProp": "",
"props": [
{
"name": "activeIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Index of the active tab."
},
{
"name": "lazy",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css."
},
{
"name": "scrollable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled displays buttons at each side of the tab headers to scroll the tab list."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Index of the element in tabbing order."
},
{
"name": "selectOnFocus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, the focused tab is activated."
},
{
"name": "previousButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the previous button.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "nextButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the next button.",
"deprecated": "since v3.26.0. Use 'pt' property instead."
},
{
"name": "prevIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Previous icon of the scrollable tabview.",
"deprecated": "since v3.27.0. Use 'previousicon' slot."
},
{
"name": "nextIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Next icon of the scrollable tabview.",
"deprecated": "since v3.27.0. Use 'next' slot."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "TabViewPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"TabViewSlots": {
"description": "Defines valid slots in TabView slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Default slot to detect TabPanel components."
},
{
"name": "previousicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Previous button icon template for the scrollable component."
},
{
"name": "nexticon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Next button icon template for the scrollable component."
}
]
},
"TabViewEmits": {
"description": "Defines valid emits in TabView component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:activeIndex",
"parameters": [
{
"name": "index",
"optional": false,
"type": "number",
"description": "Current activeIndex."
}
],
"returnType": "void",
"description": "Emitted when the activeIndex changes."
},
{
"name": "tab-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "TabViewChangeEvent",
"description": "Custom tab change event."
}
],
"returnType": "void",
"description": "Callback to invoke when an active tab is changed."
},
{
"name": "tab-click",
"parameters": [
{
"name": "event",
"optional": false,
"type": "TabViewClickEvent",
"description": "Custom tab click event."
}
],
"returnType": "void",
"description": "Callback to invoke when an active tab is clicked."
}
]
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"TabViewPassThroughOptionType": {
"values": "TabViewPassThroughAttributes | (options: undefined) => TabViewPassThroughAttributes | null | undefined"
}
}
}
},
"tag": {
"description": "Tag component is used to categorize content.\n\n[Live Demo](https://www.primevue.org/tag)",
"components": {
"default": {
"description": "Tag component is used to categorize content.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TagProps": {
"description": "Defines valid properties in Tag component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value to display inside the tag."
},
{
"name": "severity",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Severity type of the tag."
},
{
"name": "rounded",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the corners of the tag are rounded."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the tag to display next to the value.",
"deprecated": "since v3.27.0. Use 'icon' slot."
}
],
"methods": []
},
"TagSlots": {
"description": "Defines valid slots in Tag component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "default",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template"
},
{
"name": "icon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template"
}
]
},
"TagEmits": {
"description": "Defines valid emits in Tag component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"terminal": {
"description": "Terminal is a text based user interface.\n\n[Live Demo](https://www.primevue.org/terminal)",
"components": {
"default": {
"description": "Terminal is a text based user interface.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TerminalProps": {
"description": "Defines valid properties in Terminal component.",
"relatedProp": "",
"props": [
{
"name": "welcomeMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Initial text to display on terminal."
},
{
"name": "prompt",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Prompt text for each command."
}
],
"methods": []
},
"TerminalSlots": {
"description": "Defines valid slots in Terminal component.",
"relatedProp": "",
"props": [],
"methods": []
},
"TerminalEmits": {
"description": "Defines valid emits in Terminal component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"terminalservice": {
"description": "[Live Demo](https://www.primevue.org/terminal/)",
"model": {
"TerminalServiceOptions": {
"description": "Confirmation Service methods.",
"props": {
"description": "",
"values": []
},
"methods": {
"description": "",
"values": [
{
"name": "on",
"parameters": [
{
"name": "action",
"optional": false,
"type": "undefined | \"command\" | \"response\""
},
{
"name": "fn",
"optional": false,
"type": "any"
}
],
"returnType": "void",
"description": "Displays the terminal using the action options."
},
{
"name": "emit",
"parameters": [
{
"name": "action",
"optional": false,
"type": "undefined | \"command\" | \"response\""
},
{
"name": "params",
"optional": true,
"type": "any"
}
],
"returnType": "void",
"description": "Emits the terminal using the action options."
},
{
"name": "off",
"parameters": [
{
"name": "action",
"optional": false,
"type": "undefined | \"command\" | \"response\""
},
{
"name": "fn",
"optional": false,
"type": "any"
}
],
"returnType": "void",
"description": "Closes the terminal using the action options."
}
]
}
}
}
},
"textarea": {
"description": "Textarea is a multi-line text input element.\n\n[Live Demo](https://www.primevue.org/textarea/)",
"components": {
"default": {
"description": "Textarea is a multi-line text input element.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TextareaProps": {
"description": "Defines valid properties in Textarea component. In addition to these, all properties of TextareaHTMLAttributes can be used in this component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Value of the component."
},
{
"name": "autoResize",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, height of textarea changes as being typed."
}
],
"methods": [],
"extendedTypes": "TextareaHTMLAttributes"
},
"TextareaSlots": {
"description": "Defines valid slots in Textarea component.",
"relatedProp": "",
"props": [],
"methods": []
},
"TextareaEmits": {
"description": "Defines valid emits in Textarea component.",
"relatedProp": "",
"props": [
{
"name": "update:modelValue",
"optional": false,
"readonly": false,
"type": "Function",
"default": ""
}
],
"methods": []
}
}
}
},
"tieredmenu": {
"description": "TieredMenu displays submenus in nested overlays.\n\n[Live Demo](https://www.primevue.org/menu/)",
"components": {
"default": {
"description": "TieredMenu displays submenus in nested overlays.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": [
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Hides the overlay."
}
]
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TieredMenuProps": {
"description": "Defines valid properties in TieredMenuMenu component.",
"relatedProp": "",
"props": [
{
"name": "model",
"optional": true,
"readonly": false,
"type": "MenuItem[]",
"default": "",
"description": "An array of menuitems."
},
{
"name": "popup",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if menu would displayed as a popup."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "exact",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying menu element."
}
],
"methods": []
},
"TieredMenuSlots": {
"description": "Defines valid slots in TieredMenuMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content for each item."
},
{
"name": "submenuicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>active</b>: boolean, // Whether item is active\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom submenu icon template."
},
{
"name": "itemicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: MenuItem, // Menuitem instance\n \t <b>class</b>: any, // Style class of the item icon element.\n }",
"description": "item icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item icon template."
}
]
},
"TieredMenuEmits": {
"description": "Defines valid emits in TieredMenuMenu component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
},
{
"name": "before-show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the popup is shown."
},
{
"name": "before-hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the popup is hidden."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the popup is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the popup is hidden."
}
]
}
}
}
},
"timeline": {
"description": "Timeline visualizes a series of chained events.\n\n[Live Demo](https://primevue.org/timeline)",
"components": {
"default": {
"description": "Timeline visualizes a series of chained events.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TimelineProps": {
"description": "Defines valid properties in Timeline component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "any[]",
"default": "",
"description": "An array of events to display."
},
{
"name": "align",
"optional": true,
"readonly": false,
"type": "\"alternate\" | \"left\" | \"top\" | \"bottom\" | \"right\"",
"default": "left",
"description": "Position of the timeline bar relative to the content."
},
{
"name": "layout",
"optional": true,
"readonly": false,
"type": "\"horizontal\" | \"vertical\"",
"default": "horizontal",
"description": "Orientation of the timeline."
},
{
"name": "dataKey",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Name of the field that uniquely identifies the a record in the data."
}
],
"methods": []
},
"TimelineSlots": {
"description": "Defines valid slots in Timeline component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "content",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item data\n \t <b>index</b>: number, // Index of item\n }",
"description": "content slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template"
},
{
"name": "opposite",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item data\n \t <b>index</b>: number, // Index of item\n }",
"description": "opposite slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom opposite template."
},
{
"name": "marker",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item data\n \t <b>index</b>: number, // Index of item\n }",
"description": "marker slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom marker template."
},
{
"name": "connector",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item data\n \t <b>index</b>: number, // Index of item\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom connector template."
}
]
},
"TimelineEmits": {
"description": "Defines valid emits in Timeline component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
}
},
"toast": {
"description": "Toast is used to display messages in an overlay.\n\n[Live Demo](https://www.primevue.org/toast/)",
"components": {
"default": {
"description": "Toast is used to display messages in an overlay.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ToastMessageOptions": {
"description": "Defines message options in Toast component.",
"relatedProp": "",
"props": [
{
"name": "severity",
"optional": true,
"readonly": false,
"type": "\"error\" | \"success\" | \"info\" | \"warn\"",
"default": "info",
"description": "Severity level of the message."
},
{
"name": "summary",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Summary content of the message."
},
{
"name": "detail",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Detail content of the message."
},
{
"name": "closable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether the message can be closed manually using the close icon."
},
{
"name": "life",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Delay in milliseconds to close the message automatically."
},
{
"name": "group",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Key of the Toast to display the message."
},
{
"name": "styleClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the message."
},
{
"name": "contentStyleClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the content."
}
],
"methods": []
},
"ToastBreakpointsType": {
"description": "Defines breakpoints type in Toast component.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"ToastProps": {
"description": "Defines valid properties in Toast component.",
"relatedProp": "",
"props": [
{
"name": "group",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Unique identifier of a message group."
},
{
"name": "position",
"optional": true,
"readonly": false,
"type": "\"center\" | \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"",
"default": "top-right",
"description": "Position of the toast in viewport."
},
{
"name": "autoZIndex",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to automatically manage layering."
},
{
"name": "baseZIndex",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Base zIndex value to use in layering."
},
{
"name": "breakpoints",
"optional": true,
"readonly": false,
"type": "ToastBreakpointsType",
"default": "",
"description": "Object literal to define styles per screen size."
},
{
"name": "closeIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the toast close button.",
"deprecated": "since v3.27.0. Use 'closeicon' slot."
},
{
"name": "infoIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the toast with info severity.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "warnIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the toast with warn severity.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "errorIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the toast with error severity.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "successIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display in the toast with success severity.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "closeButtonProps",
"optional": true,
"readonly": false,
"type": "ButtonHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLButtonElement to the close button.",
"deprecated": "since v3.26.0. Use 'pt' property."
}
],
"methods": []
},
"ToastSlots": {
"description": "Defines valid slot in Toast component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "message",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>message</b>: any, // Message of the component\n }",
"description": "message slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom message template."
},
{
"name": "icon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
},
{
"name": "closeicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom close icon template."
}
]
},
"ToastEmits": {
"description": "Defines valid emits in Toast component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "close",
"parameters": [
{
"name": "message",
"optional": false,
"type": "ToastMessageOptions",
"description": "Toast message."
}
],
"returnType": "void",
"description": "Callback to invoke when the toast is closed."
},
{
"name": "life-end",
"parameters": [
{
"name": "message",
"optional": false,
"type": "ToastMessageOptions",
"description": "Toast message."
}
],
"returnType": "void",
"description": "Callback to invoke when the toast's timeout is over."
}
]
}
}
}
},
"toastservice-usetoast": {
"description": "[Live Demo](https://www.primevue.org/toast/)",
"model": {
"ToastServiceMethods": {
"description": "Toast Service methods.",
"props": {
"description": "",
"values": []
},
"methods": {
"description": "",
"values": [
{
"name": "add",
"parameters": [
{
"name": "message",
"optional": false,
"type": "ToastMessageOptions",
"description": "Message instance."
}
],
"returnType": "void",
"description": "Displays the message in a suitable Toast component."
},
{
"name": "removeGroup",
"parameters": [
{
"name": "group",
"optional": false,
"type": "string",
"description": "Name of the message group."
}
],
"returnType": "void",
"description": "Clears the messages that belongs to the group."
},
{
"name": "removeAllGroups",
"parameters": [],
"returnType": "void",
"description": "Clears all the messages."
}
]
}
}
}
},
"togglebutton": {
"description": "ToggleButton is used to select a boolean value using a button.\n\n[Live Demo](https://www.primevue.org/togglebutton/)",
"components": {
"default": {
"description": "ToggleButton is used to select a boolean value using a button.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ToggleButtonProps": {
"description": "Defines valid properties in ToggleButton component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Value of the component."
},
{
"name": "onIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon for the on state.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "offIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon for the off state.",
"deprecated": "since v3.27.0. Use 'icon' slot."
},
{
"name": "onLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "yes",
"description": "Label for the on state."
},
{
"name": "offLabel",
"optional": true,
"readonly": false,
"type": "string",
"default": "no",
"description": "Label for the off state."
},
{
"name": "iconPos",
"optional": true,
"readonly": false,
"type": "\"left\" | \"right\"",
"default": "left",
"description": "Position of the icon."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the element should be disabled."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the focus input to match a label defined for the chips."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"ToggleButtonSlots": {
"description": "Defines valid slots in ToggleButton component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "icon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Current value\n \t <b>class</b>: any, // Icon style class\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom icon template."
}
]
},
"ToggleButtonEmits": {
"description": "Defines valid emits in ToggleButton component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "boolean",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "focus",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component receives focus."
},
{
"name": "blur",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when the component loses focus."
}
]
}
}
}
},
"toolbar": {
"description": "Toolbar is a grouping component for buttons and other content.\n\n[Live Demo](https://www.primevue.org/toolbar/)",
"components": {
"default": {
"description": "Toolbar is a grouping component for buttons and other content.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"ToolbarPassThroughMethodOptions": {
"description": "Custom passthrough(pt) option method.",
"relatedProp": "",
"props": [
{
"name": "props",
"optional": false,
"readonly": false,
"type": "ToolbarProps",
"default": ""
}
],
"methods": []
},
"ToolbarPassThroughOptions": {
"description": "Custom passthrough(pt) options.",
"relatedProp": "ToolbarProps.pt",
"props": [
{
"name": "root",
"optional": true,
"readonly": false,
"type": "ToolbarPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the root's DOM element."
},
{
"name": "start",
"optional": true,
"readonly": false,
"type": "ToolbarPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the start's DOM element."
},
{
"name": "center",
"optional": true,
"readonly": false,
"type": "ToolbarPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the center's DOM element."
},
{
"name": "end",
"optional": true,
"readonly": false,
"type": "ToolbarPassThroughOptionType",
"default": "",
"description": "Uses to pass attributes to the right's DOM element."
}
],
"methods": []
},
"ToolbarPassThroughAttributes": {
"description": "Custom passthrough attributes for each DOM elements",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"ToolbarProps": {
"description": "Defines valid properties in Toolbar component.",
"relatedProp": "",
"props": [
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "pt",
"optional": true,
"readonly": false,
"type": "ToolbarPassThroughOptions",
"default": "",
"description": "Uses to pass attributes to DOM elements inside the component."
}
],
"methods": []
},
"ToolbarSlots": {
"description": "Defines valid slots in Toolbar slots.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "start",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom start template."
},
{
"name": "center",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom center template."
},
{
"name": "end",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom end template."
}
]
},
"ToolbarEmits": {
"description": "Defines valid emits in Toolbar component.",
"relatedProp": "",
"props": [],
"methods": []
}
}
},
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"ToolbarPassThroughOptionType": {
"values": "ToolbarPassThroughAttributes | (options: ToolbarPassThroughMethodOptions) => ToolbarPassThroughAttributes | null | undefined"
}
}
}
},
"tooltip": {
"description": "Tooltip directive provides advisory information for a component.\n\n[Live Demo](https://primevue.org/tooltip)",
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TooltipOptions": {
"description": "Defines options of Tooltip.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Text of the tooltip."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "id",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "When present, it adds a custom id to the tooltip."
},
{
"name": "class",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "When present, it adds a custom class to the tooltip."
},
{
"name": "escape",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "By default the tooltip contents are not rendered as text. Set to true to support html tags in the content."
},
{
"name": "fitContent",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Automatically adjusts the element position when there is not enough space on the selected position."
}
],
"methods": []
},
"TooltipDirectiveModifiers": {
"description": "Defines modifiers of Tooltip.",
"relatedProp": "",
"props": [
{
"name": "right",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Right position for Tooltip."
},
{
"name": "left",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Left position for Tooltip."
},
{
"name": "top",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Top position for Tooltip."
},
{
"name": "bottom",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Bottom position for Tooltip."
},
{
"name": "focus",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Focus event for Tooltip."
}
],
"methods": []
},
"TooltipDirectiveBinding": {
"description": "Binding of Tooltip directive.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "string | TooltipOptions",
"default": "",
"description": "Value of the tooltip."
},
{
"name": "modifiers",
"optional": true,
"readonly": false,
"type": "TooltipDirectiveModifiers",
"default": "",
"description": "Modifiers of the tooltip."
}
],
"methods": [],
"extendedTypes": "Omit<DirectiveBinding, \"modifiers\" | \"value\">"
}
}
}
},
"tree": {
"description": "Tree is used to display hierarchical data.\n\n[Live Demo](https://www.primevue.org/tree/)",
"components": {
"default": {
"description": "Tree is used to display hierarchical data.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TreeNode": {
"description": "Custom TreeNode metadata.",
"relatedProp": "",
"props": [
{
"name": "key",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Mandatory unique key of the node."
},
{
"name": "label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Label of the node."
},
{
"name": "data",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Data represented by the node."
},
{
"name": "type",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Type of the node to match a template."
},
{
"name": "icon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon of the node to display next to content."
},
{
"name": "children",
"optional": true,
"readonly": false,
"type": "TreeNode[]",
"default": "",
"description": "An array of treenodes as children."
},
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the node."
},
{
"name": "styleClass",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Style class of the node."
},
{
"name": "selectable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the node is selectable when selection mode is enabled."
},
{
"name": "leaf",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Specifies if the node has children. Used in lazy loading."
},
{
"name": "expandedIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to use in expanded state."
},
{
"name": "collapsedIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to use in collapsed state."
},
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"TreeExpandedKeys": {
"description": "Custom expanded keys metadata.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"TreeSelectionKeys": {
"description": "Custom selection keys metadata.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"TreeProps": {
"description": "Defines valid properties in Tree component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "TreeNode[]",
"default": "",
"description": "An array of treenodes."
},
{
"name": "expandedKeys",
"optional": true,
"readonly": false,
"type": "TreeExpandedKeys",
"default": "",
"description": "A map of keys to represent the expansion state in controlled mode."
},
{
"name": "selectionKeys",
"optional": true,
"readonly": false,
"type": "TreeSelectionKeys",
"default": "",
"description": "A map of keys to control the selection state."
},
{
"name": "selectionMode",
"optional": true,
"readonly": false,
"type": "\"multiple\" | \"checkbox\" | \"single\"",
"default": "",
"description": "Defines the selection mode."
},
{
"name": "metaKeySelection",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually.\nOn touch enabled devices, metaKeySelection is turned off automatically."
},
{
"name": "loading",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to display loading indicator."
},
{
"name": "loadingIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to display when tree is loading.",
"deprecated": "since v3.27.0. Use 'loadingicon' slot."
},
{
"name": "filter",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, displays an input field to filter the items."
},
{
"name": "filterBy",
"optional": true,
"readonly": false,
"type": "string",
"default": "label",
"description": "When filtering is enabled, filterBy decides which field or fields (comma separated) to search against."
},
{
"name": "filterMode",
"optional": true,
"readonly": false,
"type": "\"strict\" | \"lenient\"",
"default": "lenient",
"description": "Mode for filtering."
},
{
"name": "filterPlaceholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Placeholder text to show when filter input is empty."
},
{
"name": "filterLocale",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
"name": "scrollHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Height of the scroll viewport in fixed units or the 'flex' keyword for a dynamic size."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Defines a string value that labels an interactive element."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying menu element."
}
],
"methods": []
},
"TreeSlots": {
"description": "Defines valid slots in Tree component.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "Function"
}
],
"methods": [
{
"name": "loadingicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading icon template."
},
{
"name": "searchicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom search icon template."
},
{
"name": "togglericon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>node</b>: TreeNode, // Tree node instance\n \t <b>expanded</b>: boolean, // Expanded state of the node\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom toggler icon template."
},
{
"name": "checkboxicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>checked</b>: boolean, // Check state of the node\n \t <b>partialChecked</b>: boolean, // Partial check state of the node\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom checkbox icon"
}
]
},
"TreeEmits": {
"description": "Defines valid slots in Tree component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:expandedKeys",
"parameters": [
{
"name": "value",
"optional": false,
"type": "TreeExpandedKeys",
"description": "New expanded keys."
}
],
"returnType": "void",
"description": "Emitted when the expanded keys change."
},
{
"name": "update:selectionKeys",
"parameters": [
{
"name": "event",
"optional": false,
"type": "TreeSelectionKeys"
}
],
"returnType": "void",
"description": "Emitted when the selection keys change."
},
{
"name": "node-select",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is selected."
},
{
"name": "node-unselect",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is unselected."
},
{
"name": "node-expand",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is expanded."
},
{
"name": "node-collapse",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is collapsed."
}
]
}
}
}
},
"treeselect": {
"description": "TreeSelect is a form component to choose from hierarchical data.\n\n[Live Demo](https://www.primevue.org/treeselect/)",
"components": {
"default": {
"description": "TreeSelect is a form component to choose from hierarchical data.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TreeSelectProps": {
"description": "Defines valid properties in TreeSelect component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Value of the component."
},
{
"name": "options",
"optional": true,
"readonly": false,
"type": "TreeNode[]",
"default": "",
"description": "An array of treenodes."
},
{
"name": "scrollHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "200px",
"description": "Height of the viewport, a scrollbar is defined if height of list exceeds this value."
},
{
"name": "placeholder",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Label to display when there are no selections."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "selectionMode",
"optional": true,
"readonly": false,
"type": "\"multiple\" | \"checkbox\" | \"single\"",
"default": "",
"description": "Defines the selection mode."
},
{
"name": "panelClass",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the overlay panel."
},
{
"name": "appendTo",
"optional": true,
"readonly": false,
"type": "string | HTMLElement",
"default": "body",
"description": "A valid query selector or an HTMLElement to specify where the overlay gets attached."
},
{
"name": "emptyMessage",
"optional": true,
"readonly": false,
"type": "string",
"default": "No results found",
"description": "Text to display when there are no options available. Defaults to value from PrimeVue locale configuration."
},
{
"name": "display",
"optional": true,
"readonly": false,
"type": "\"comma\" | \"chip\"",
"default": "comma",
"description": "Defines how the selected items are displayed."
},
{
"name": "metaKeySelection",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually.\nOn touch enabled devices, metaKeySelection is turned off automatically."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputClass",
"optional": true,
"readonly": false,
"type": "string | object",
"default": "",
"description": "Style class of the input field."
},
{
"name": "inputStyle",
"optional": true,
"readonly": false,
"type": "object",
"default": "",
"description": "Inline style of the input field."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"TreeSelectSlots": {
"description": "Defines valid slots in TreeSelect component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "value",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Selected value\n \t <b>placeholder</b>: string, // Placeholder\n }",
"description": "value slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom value template."
},
{
"name": "header",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Selected value\n \t <b>options</b>: TreeNode, // An array of treenodes.\n }",
"description": "header slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>value</b>: any, // Selected value\n \t <b>options</b>: TreeNode, // An array of treenodes.\n }",
"description": "footer slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "empty",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom empty template."
},
{
"name": "indicator",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom indicator template.",
"deprecated": "since v3.27.0. Use 'checkboxicon' slot."
},
{
"name": "triggericon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom indicator template.",
"deprecated": "since v3.27.0. Use 'checkboxicon' slot."
},
{
"name": "itemtogglericon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>node</b>: any, // Node instance\n \t <b>expanded</b>: TreeNode, // Expanded state of the node\n }",
"description": "item toggler icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item toggler icon template."
},
{
"name": "itemcheckboxicon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>checked</b>: boolean, // Check state of the node\n \t <b>partialChecked</b>: boolean, // Partial check state of the node\n }",
"description": "item checkbox icon slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item checkbox icon template."
}
]
},
"TreeSelectEmits": {
"description": "Defines valid emits in TreeSelect component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "any",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
},
{
"name": "change",
"parameters": [
{
"name": "value",
"optional": false,
"type": "string[]",
"description": "Selected node keys"
}
],
"returnType": "void",
"description": "Callback to invoke on value change."
},
{
"name": "before-show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is shown."
},
{
"name": "before-hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke before the overlay is hidden."
},
{
"name": "show",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is shown."
},
{
"name": "hide",
"parameters": [],
"returnType": "void",
"description": "Callback to invoke when the overlay is hidden."
},
{
"name": "node-select",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is selected."
},
{
"name": "node-unselect",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is unselected."
},
{
"name": "node-expand",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is expanded."
},
{
"name": "node-collapse",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is collapsed."
}
]
}
}
}
},
"treetable": {
"description": "TreeTable is used to display hierarchical data in tabular format.\n\n[Live Demo](https://www.primevue.org/treetable/)",
"components": {
"default": {
"description": "TreeTable is used to display hierarchical data in tabular format.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TreeTableFilterMetaData": {
"description": "Custom treetable filter metadata.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Filter value"
},
{
"name": "matchMode",
"optional": false,
"readonly": false,
"type": "undefined | string",
"default": "",
"description": "Filter match mode"
}
],
"methods": []
},
"TreeTableOperatorFilterMetaData": {
"description": "Custom operator filter metadata.",
"relatedProp": "",
"props": [
{
"name": "operator",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Filter operator"
},
{
"name": "constraints",
"optional": false,
"readonly": false,
"type": "TreeTableFilterMetaData[]",
"default": "",
"description": "Array of filter meta datas."
}
],
"methods": []
},
"TreeTableFilterMeta": {
"description": "Custom filter metadata.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "string | TreeTableFilterMetaData | TreeTableOperatorFilterMetaData"
}
],
"methods": []
},
"TreeTableSortEvent": {
"description": "Custom sort event.",
"relatedProp": "TreeTableEmits.sort",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of first record"
},
{
"name": "rows",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display in new page"
},
{
"name": "sortField",
"optional": false,
"readonly": false,
"type": "undefined | string | Function",
"default": "",
"description": "Field to sort against"
},
{
"name": "sortOrder",
"optional": false,
"readonly": false,
"type": "undefined | null | 0 | 1 | -1",
"default": "",
"description": "Sort order as integer"
},
{
"name": "multiSortMeta",
"optional": false,
"readonly": false,
"type": "undefined | null | TreeTableSortMeta[]",
"default": "",
"description": "MultiSort metadata"
},
{
"name": "filters",
"optional": false,
"readonly": false,
"type": "TreeTableFilterMeta",
"default": "",
"description": "Collection of active filters"
},
{
"name": "filterMatchModes",
"optional": false,
"readonly": false,
"type": "undefined | string",
"default": "",
"description": "Match modes per field"
}
],
"methods": [],
"extendedBy": "TreeTablePageEvent,TreeTableFilterEvent"
},
"TreeTablePageEvent": {
"description": "Custom page event.",
"relatedProp": "TreeTableEmits.sort",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of first record"
},
{
"name": "rows",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display in new page"
},
{
"name": "sortField",
"optional": false,
"readonly": false,
"type": "undefined | string | Function",
"default": "",
"description": "Field to sort against"
},
{
"name": "sortOrder",
"optional": false,
"readonly": false,
"type": "undefined | null | 0 | 1 | -1",
"default": "",
"description": "Sort order as integer"
},
{
"name": "multiSortMeta",
"optional": false,
"readonly": false,
"type": "undefined | null | TreeTableSortMeta[]",
"default": "",
"description": "MultiSort metadata"
},
{
"name": "filters",
"optional": false,
"readonly": false,
"type": "TreeTableFilterMeta",
"default": "",
"description": "Collection of active filters"
},
{
"name": "filterMatchModes",
"optional": false,
"readonly": false,
"type": "undefined | string",
"default": "",
"description": "Match modes per field"
},
{
"name": "page",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "New page number"
},
{
"name": "pageCount",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Total page count"
}
],
"methods": [],
"extendedTypes": "TreeTableSortEvent"
},
"TreeTableFilterEvent": {
"description": "Custom filter event.",
"relatedProp": "TreeTableEmits.sort",
"props": [
{
"name": "originalEvent",
"optional": false,
"readonly": false,
"type": "Event",
"default": "",
"description": "Browser event."
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Index of first record"
},
{
"name": "rows",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display in new page"
},
{
"name": "sortField",
"optional": false,
"readonly": false,
"type": "undefined | string | Function",
"default": "",
"description": "Field to sort against"
},
{
"name": "sortOrder",
"optional": false,
"readonly": false,
"type": "undefined | null | 0 | 1 | -1",
"default": "",
"description": "Sort order as integer"
},
{
"name": "multiSortMeta",
"optional": false,
"readonly": false,
"type": "undefined | null | TreeTableSortMeta[]",
"default": "",
"description": "MultiSort metadata"
},
{
"name": "filters",
"optional": false,
"readonly": false,
"type": "TreeTableFilterMeta",
"default": "",
"description": "Collection of active filters"
},
{
"name": "filterMatchModes",
"optional": false,
"readonly": false,
"type": "undefined | string",
"default": "",
"description": "Match modes per field"
},
{
"name": "filteredValue",
"optional": false,
"readonly": false,
"type": "any",
"default": "",
"description": "Filtered collection (non-lazy only)"
}
],
"methods": [],
"extendedTypes": "TreeTableSortEvent"
},
"TreeTableSortMeta": {
"description": "Custom sort metadata.",
"relatedProp": "",
"props": [
{
"name": "field",
"optional": false,
"readonly": false,
"type": "string",
"default": "",
"description": "Column field"
},
{
"name": "order",
"optional": false,
"readonly": false,
"type": "undefined | null | 0 | 1 | -1",
"default": "",
"description": "Column sort order"
}
],
"methods": []
},
"TreeTableExpandedKeys": {
"description": "Custom expanded keys metadata.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"TreeTableSelectionKeys": {
"description": "Custom selection keys metadata.",
"relatedProp": "",
"props": [
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": []
},
"TreeTableProps": {
"description": "Defines valid properties in TreeTable component.",
"relatedProp": "",
"props": [
{
"name": "value",
"optional": true,
"readonly": false,
"type": "TreeNode[]",
"default": "",
"description": "An array of treenodes."
},
{
"name": "expandedKeys",
"optional": true,
"readonly": false,
"type": "TreeTableExpandedKeys",
"default": "",
"description": "A map of keys to represent the state of the tree expansion state in controlled mode."
},
{
"name": "selectionKeys",
"optional": true,
"readonly": false,
"type": "TreeTableSelectionKeys",
"default": "",
"description": "A map of keys to control the selection state."
},
{
"name": "selectionMode",
"optional": true,
"readonly": false,
"type": "\"multiple\" | \"checkbox\" | \"single\"",
"default": "",
"description": "Defines the selection mode."
},
{
"name": "metaKeySelection",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually.\nOn touch enabled devices, metaKeySelection is turned off automatically."
},
{
"name": "rows",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of rows to display per page."
},
{
"name": "first",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Index of the first row to be displayed."
},
{
"name": "totalRecords",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Number of total records, defaults to length of value when not defined."
},
{
"name": "paginator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified as true, enables the pagination."
},
{
"name": "paginatorPosition",
"optional": true,
"readonly": false,
"type": "\"both\" | \"top\" | \"bottom\"",
"default": "bottom",
"description": "Position of the paginator, options are 'top','bottom' or 'both'."
},
{
"name": "alwaysShowPaginator",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Whether to show it even there is only one page."
},
{
"name": "paginatorTemplate",
"optional": true,
"readonly": false,
"type": "string",
"default": "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",
"description": "Template of the paginator. It can be customized using the template property using the predefined keys. Here are the available elements that can be placed inside a paginator in any order.\n\n- FirstPageLink\n- PrevPageLink\n- PageLinks\n- NextPageLink\n- LastPageLink\n- RowsPerPageDropdown\n- JumpToPageDropdown\n- JumpToPageInput\n- CurrentPageReport"
},
{
"name": "pageLinkSize",
"optional": true,
"readonly": false,
"type": "number",
"default": "5",
"description": "Number of page links to display."
},
{
"name": "rowsPerPageOptions",
"optional": true,
"readonly": false,
"type": "number[]",
"default": "",
"description": "Array of integer values to display inside rows per page dropdown."
},
{
"name": "currentPageReportTemplate",
"optional": true,
"readonly": false,
"type": "string",
"default": "'({currentPage} of {totalPages})'",
"description": "Template of the current page report element. It displays information about the pagination state.\n\n- {currentPage}\n- {totalPages}\n- {rows}\n- {first}\n- {last}\n- {totalRecords}"
},
{
"name": "lazy",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if data is loaded and interacted with in lazy manner."
},
{
"name": "loading",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Displays a loader to indicate data load is in progress."
},
{
"name": "loadingIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "The icon to show while indicating data load is in progress.",
"deprecated": "since v3.27.0. Use 'loadingicon' slot."
},
{
"name": "rowHover",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, background of the rows change on hover."
},
{
"name": "autoLayout",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether the cell widths scale according to their content or not."
},
{
"name": "sortField",
"optional": true,
"readonly": false,
"type": "string | Function",
"default": "",
"description": "Property name or a getter function of a row data used for sorting by default."
},
{
"name": "sortOrder",
"optional": true,
"readonly": false,
"type": "number",
"default": "",
"description": "Order to sort the data by default."
},
{
"name": "defaultSortOrder",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Default sort order of an unsorted column."
},
{
"name": "multiSortMeta",
"optional": true,
"readonly": false,
"type": "null | TreeTableSortMeta[]",
"default": "",
"description": "An array of SortMeta objects to sort the data by default in multiple sort mode."
},
{
"name": "sortMode",
"optional": true,
"readonly": false,
"type": "\"multiple\" | \"single\"",
"default": "single",
"description": "Defines whether sorting works on single column or on multiple columns."
},
{
"name": "removableSort",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, columns can have an un-sorted state."
},
{
"name": "filters",
"optional": true,
"readonly": false,
"type": "TreeTableFilterMeta",
"default": "",
"description": "Filters object with key-value pairs to define the filters."
},
{
"name": "filterMode",
"optional": true,
"readonly": false,
"type": "\"strict\" | \"lenient\"",
"default": "lenient",
"description": "Mode for filtering."
},
{
"name": "filterLocale",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Locale to use in filtering. The default locale is the host environment's current locale."
},
{
"name": "resizableColumns",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, columns can be resized using drag and drop."
},
{
"name": "columnResizeMode",
"optional": true,
"readonly": false,
"type": "\"fit\" | \"expand\"",
"default": "fit",
"description": "Defines whether the overall table width should change on column resize."
},
{
"name": "indentation",
"optional": true,
"readonly": false,
"type": "number",
"default": "1",
"description": "Indentation factor as rem value for children nodes."
},
{
"name": "showGridlines",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to show grid lines between cells."
},
{
"name": "scrollable",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When specified, enables horizontal and/or vertical scrolling."
},
{
"name": "scrollHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Height of the scroll viewport in fixed pixels or the 'flex' keyword for a dynamic size."
},
{
"name": "scrollDirection",
"optional": true,
"readonly": false,
"type": "\"both\" | \"horizontal\" | \"vertical\"",
"default": "vertical",
"description": "Orientation of the scrolling."
},
{
"name": "responsiveLayout",
"optional": true,
"readonly": false,
"type": "\"scroll\" | \"stack\"",
"default": "stack",
"description": "Defines the responsive mode, currently only option is scroll."
},
{
"name": "tableProps",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Props to pass to the table element."
}
],
"methods": []
},
"TreeTableSlots": {
"description": "Defines valid slots in TreeTable component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "header",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom header template."
},
{
"name": "footer",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom footer template."
},
{
"name": "paginatorstart",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator start template."
},
{
"name": "paginatorend",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator end template."
},
{
"name": "empty",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom empty template."
},
{
"name": "loadingicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading icon template."
},
{
"name": "togglericon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom toggler icon template."
},
{
"name": "checkboxicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom checkbox icon template."
},
{
"name": "sorticon",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>sorted</b>: TreeNode, // Whether or not column is sorted\n \t <b>sortOrder</b>: boolean, // Current sort order\n }"
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom sort icon template."
},
{
"name": "paginatorfirstpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator first page link icon template."
},
{
"name": "paginatorprevpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator previous page link icon template."
},
{
"name": "paginatornextpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator next page link icon template."
},
{
"name": "paginatorlastpagelinkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom paginator last page link icon template."
}
]
},
"TreeTableEmits": {
"description": "Defines valid emits in TreeTable component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:expandedKeys",
"parameters": [
{
"name": "value",
"optional": false,
"type": "TreeTableExpandedKeys",
"description": "New expanded keys."
}
],
"returnType": "void",
"description": "Emitted when the expanded keys change."
},
{
"name": "update:selectionKeys",
"parameters": [
{
"name": "event",
"optional": false,
"type": "TreeTableSelectionKeys"
}
],
"returnType": "void",
"description": "Emitted when the selection keys change."
},
{
"name": "update:first",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the first changes."
},
{
"name": "update:rows",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the rows changes."
},
{
"name": "update:sortField",
"parameters": [
{
"name": "value",
"optional": false,
"type": "string",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the sortField changes."
},
{
"name": "update:sortOrder",
"parameters": [
{
"name": "value",
"optional": false,
"type": "undefined | number",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the sortOrder changes."
},
{
"name": "update:multiSortMeta",
"parameters": [
{
"name": "value",
"optional": false,
"type": "undefined | null | TreeTableSortMeta[]",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the multiSortMeta changes."
},
{
"name": "page",
"parameters": [
{
"name": "event",
"optional": false,
"type": "TreeTablePageEvent",
"description": "Custom page event."
}
],
"returnType": "void",
"description": "Callback to invoke on pagination. Sort and Filter information is also available for lazy loading implementation."
},
{
"name": "sort",
"parameters": [
{
"name": "event",
"optional": false,
"type": "TreeTableSortEvent",
"description": "Custom sort event."
}
],
"returnType": "void",
"description": "Callback to invoke on sort. Page and Filter information is also available for lazy loading implementation."
},
{
"name": "filter",
"parameters": [
{
"name": "event",
"optional": false,
"type": "TreeTableFilterEvent",
"description": "Custom filter event."
}
],
"returnType": "void",
"description": "Event to emit after filtering, not triggered in lazy mode."
},
{
"name": "node-select",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is selected."
},
{
"name": "node-unselect",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is unselected."
},
{
"name": "node-expand",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is expanded."
},
{
"name": "node-collapse",
"parameters": [
{
"name": "node",
"optional": false,
"type": "TreeNode",
"description": "Node instance."
}
],
"returnType": "void",
"description": "Callback to invoke when a node is collapsed."
},
{
"name": "column-resize-end",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when a column is resized."
}
]
}
}
}
},
"tristatecheckbox": {
"description": "TriStateCheckbox is used to select either 'true', 'false' or 'null' as the value.\n\n[Live Demo](https://www.primevue.org/tristatecheckbox/)",
"components": {
"default": {
"description": "TriStateCheckbox is used to select either 'true', 'false' or 'null' as the value.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": []
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"TriStateCheckboxProps": {
"description": "Defines valid properties in TriStateCheckbox component.",
"relatedProp": "",
"props": [
{
"name": "modelValue",
"optional": true,
"readonly": false,
"type": "Nullable<boolean>",
"default": "null",
"description": "Value of the component."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When present, it specifies that the component should be disabled."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Index of the element in tabbing order."
},
{
"name": "inputId",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Identifier of the underlying input element."
},
{
"name": "inputProps",
"optional": true,
"readonly": false,
"type": "InputHTMLAttributes",
"default": "",
"description": "Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.",
"deprecated": "since v3.26.0. Use 'pt' property."
},
{
"name": "aria-labelledby",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
},
{
"name": "aria-label",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Establishes a string value that labels the component."
}
],
"methods": []
},
"TriStateCheckboxSlots": {
"description": "Defines valid slots in TriStateCheckbox component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "checkicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom check icon template."
},
{
"name": "uncheckicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom uncheck icon template."
},
{
"name": "nullableicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom nullable icon template."
}
]
},
"TriStateCheckboxEmits": {
"description": "Defines valid emits in TriStateCheckbox component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:modelValue",
"parameters": [
{
"name": "value",
"optional": false,
"type": "Nullable<boolean>",
"description": "New value."
}
],
"returnType": "void",
"description": "Emitted when the value changes."
}
]
}
}
}
},
"ts-helpers": {
"types": {
"description": "Defines the custom types used by the module.",
"values": {
"PublicProps": {
"values": "VNodeProps & AllowedComponentProps & ComponentCustomProps"
},
"UnionToIntersection": {
"values": "(U extends any ? Function : never) extends Function ? I : never"
},
"EmitFn": {
"values": "Options extends (infer V)[] ? Function : Object extends Options ? Function : UnionToIntersection<{ [key in Event]: Options[key] extends Function ? Function : Function }[Event]>"
},
"GlobalComponentConstructor": {
"values": "{}"
},
"Booleanish": {
"values": "boolean | \"true\" | \"false\"",
"description": "Custom types"
},
"Numberish": {
"values": "number | string"
},
"Nullable": {
"values": "T | null | undefined"
}
}
}
},
"useconfirm/UseConfirm": {
"functions": {
"description": "Defines the custom functions used by the module.",
"values": {
"useConfirm": {
"name": "useConfirm",
"parameters": [],
"returnType": "Object"
}
}
}
},
"usedialog/UseDialog": {
"functions": {
"description": "Defines the custom functions used by the module.",
"values": {
"useDialog": {
"name": "useDialog",
"parameters": [],
"returnType": "Object"
}
}
}
},
"usetoast/UseToast": {
"functions": {
"description": "Defines the custom functions used by the module.",
"values": {
"useToast": {
"name": "useToast",
"parameters": [],
"returnType": "ToastServiceMethods"
}
}
}
},
"utils/Utils": {
"functions": {
"description": "Defines the custom functions used by the module.",
"values": {
"UniqueComponentId": {
"name": "UniqueComponentId",
"parameters": [
{
"name": "prefix",
"type": "string"
}
],
"returnType": "string"
},
"EventBus": {
"name": "EventBus",
"parameters": [],
"returnType": "Object"
}
}
}
},
"virtualscroller": {
"description": "VirtualScroller is a performant approach to handle huge data efficiently.\n\n[Live Demo](https://www.primevue.org/virtualscroller/)",
"components": {
"default": {
"description": "VirtualScroller is a performant approach to handle huge data efficiently.",
"methods": {
"description": "Defines methods that can be accessed by the component's reference.",
"values": [
{
"name": "scrollTo",
"parameters": [
{
"name": "options",
"type": "ScrollToOptions",
"description": "scoll options."
}
],
"returnType": "void",
"description": "Scroll to move to a specific position."
},
{
"name": "scrollToIndex",
"parameters": [
{
"name": "index",
"type": "number",
"description": "Index of item according to orientation mode."
},
{
"name": "behavior",
"type": "ScrollBehavior",
"description": "Behavior of scroll."
}
],
"returnType": "void",
"description": "Scroll to move to a specific item."
},
{
"name": "scrollInView",
"parameters": [
{
"name": "index",
"type": "number",
"description": "Index of item according to orientation mode."
},
{
"name": "to",
"type": "\"to-start\" | \"to-end\"",
"description": "Defines the location of the item in view,"
},
{
"name": "behavior",
"type": "ScrollBehavior",
"description": "Behavior of scroll"
}
],
"returnType": "void",
"description": "It is used to move the specified index into the view. It is a method that will usually be needed when keyboard support is added to the virtualScroller component."
},
{
"name": "getRenderedRange",
"parameters": [],
"returnType": "VirtualScrollerRangeMethod",
"description": "Returns the range of items added to the DOM."
}
]
}
}
},
"interfaces": {
"description": "Defines the custom interfaces used by the module.",
"eventDescription": "Defines the custom events used by the component's emit.",
"methodDescription": "Defines methods that can be accessed by the component's reference.",
"typeDescription": "Defines the custom types used by the module.",
"values": {
"VirtualScrollerScrollIndexChangeEvent": {
"description": "Custom scroll index change event.",
"relatedProp": "VirtualScrollerEmits['scroll-index-change']",
"props": [
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "First index of the new data range to be loaded."
},
{
"name": "last",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Last index of the new data range to be loaded."
}
],
"methods": [],
"extendedBy": "VirtualScrollerLazyEvent,VirtualScrollerViewport"
},
"VirtualScrollerLazyEvent": {
"description": "Custom lazy event.",
"relatedProp": "VirtualScrollerEmits['scroll-index-change']",
"props": [
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "First index of the new data range to be loaded."
},
{
"name": "last",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Last index of the new data range to be loaded."
}
],
"methods": [],
"extendedTypes": "VirtualScrollerScrollIndexChangeEvent"
},
"VirtualScrollerViewport": {
"description": "Custom virtualscroller viewport metadata.",
"relatedProp": "VirtualScrollerEmits['scroll-index-change']",
"props": [
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "First index of the new data range to be loaded."
},
{
"name": "last",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Last index of the new data range to be loaded."
}
],
"methods": [],
"extendedTypes": "VirtualScrollerScrollIndexChangeEvent"
},
"VirtualScrollerRangeMethod": {
"description": "Virtual scroller rendered range.",
"relatedProp": "",
"props": [
{
"name": "first",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Whether the item is first."
},
{
"name": "last",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Whether the item is last."
},
{
"name": "viewport",
"optional": false,
"readonly": false,
"type": "VirtualScrollerViewport",
"default": "",
"description": "Viewport info."
}
],
"methods": []
},
"VirtualScrollerItemOptions": {
"description": "Custom item options.",
"relatedProp": "",
"props": [
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Item index"
},
{
"name": "count",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Items count"
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is first."
},
{
"name": "last",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is last."
},
{
"name": "even",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is even."
},
{
"name": "odd",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is odd."
},
{
"name": "[key: string]",
"optional": false,
"readonly": false,
"type": "any"
}
],
"methods": [],
"extendedBy": "VirtualScrollerLoaderOptions"
},
"VirtualScrollerLoaderOptions": {
"description": "Custom virtualscroller loader options",
"relatedProp": "undefined.VirtualScrollerItemOptions",
"props": [
{
"name": "index",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Item index"
},
{
"name": "count",
"optional": false,
"readonly": false,
"type": "number",
"default": "",
"description": "Items count"
},
{
"name": "first",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is first."
},
{
"name": "last",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is last."
},
{
"name": "even",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is even."
},
{
"name": "odd",
"optional": false,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether the item is odd."
}
],
"methods": [],
"extendedBy": "ColumnLoadingOptions",
"extendedTypes": "VirtualScrollerItemOptions"
},
"VirtualScrollerProps": {
"description": "Defines valid properties in VirtualScroller component.",
"relatedProp": "",
"props": [
{
"name": "id",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Unique identifier of the element."
},
{
"name": "style",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Inline style of the component."
},
{
"name": "class",
"optional": true,
"readonly": false,
"type": "any",
"default": "",
"description": "Style class of the component."
},
{
"name": "items",
"optional": true,
"readonly": false,
"type": "null | any[] | any[][]",
"default": "",
"description": "An array of objects to display."
},
{
"name": "itemSize",
"optional": true,
"readonly": false,
"type": "number | number[]",
"default": "",
"description": "The height/width of item according to orientation."
},
{
"name": "scrollHeight",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Height of the scroll viewport."
},
{
"name": "scrollWidth",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Width of the scroll viewport."
},
{
"name": "orientation",
"optional": true,
"readonly": false,
"type": "\"both\" | \"horizontal\" | \"vertical\"",
"default": "vertical",
"description": "The orientation of scrollbar."
},
{
"name": "numToleratedItems",
"optional": true,
"readonly": false,
"type": "number",
"default": "half the number of items shown in the view.",
"description": "Determines how many additional elements to add to the DOM outside of the view.\nAccording to the scrolls made up and down, extra items are added in a certain algorithm in the form of multiples of this number."
},
{
"name": "delay",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Delay in scroll before new data is loaded."
},
{
"name": "resizeDelay",
"optional": true,
"readonly": false,
"type": "number",
"default": "10",
"description": "Delay after window's resize finishes."
},
{
"name": "lazy",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Defines if data is loaded and interacted with in lazy manner."
},
{
"name": "disabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "If disabled, the VirtualScroller feature is eliminated and the content is displayed directly."
},
{
"name": "loaderDisabled",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Used to implement a custom loader instead of using the loader feature in the VirtualScroller."
},
{
"name": "showLoader",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "",
"description": "Whether to show loader."
},
{
"name": "showSpacer",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "true",
"description": "Used to implement a custom spacer instead of using the spacer feature in the VirtualScroller."
},
{
"name": "loading",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to load items."
},
{
"name": "tabindex",
"optional": true,
"readonly": false,
"type": "string | number",
"default": "0",
"description": "Index of the element in tabbing order."
},
{
"name": "inline",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "When enabled, positions the content as inline."
},
{
"name": "step",
"optional": true,
"readonly": false,
"type": "number",
"default": "0",
"description": "Used to specify how many items to load in each load method in lazy mode."
},
{
"name": "appendOnly",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Used to append each loaded item to top without removing any items from the DOM. Using very large data may cause the browser to crash."
},
{
"name": "autoSize",
"optional": true,
"readonly": false,
"type": "boolean",
"default": "false",
"description": "Whether to dynamically change the height or width of scrollable container."
}
],
"methods": [
{
"name": "onLazyLoad",
"parameters": [
{
"name": "event",
"optional": false,
"type": "VirtualScrollerLazyEvent",
"description": "Custom lazy event."
}
],
"returnType": "void",
"description": "Callback to invoke in lazy mode to load new data."
}
]
},
"VirtualScrollerSlots": {
"description": "Defines valid slots in VirtualScroller component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "content",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>items</b>: any, // An array of objects to display for virtualscroller\n \t <b>styleClass</b>: string, // Style class of the content\n \t <b>contentRef(el: any)</b>: void, // Referance of the content\n \t <b>getItemOptions(index: number)</b>: VirtualScrollerItemOptions, // Options of the items\n \t <b>loading</b>: boolean, // Whether the data is loaded.\n \t <b>getLoaderOptions(index: number, ext: any)</b>: VirtualScrollerLoaderOptions, // Loader options of the items while the data is loading.\n \t <b>itemSize</b>: undefined, // The height/width of item according to orientation.\n \t <b>rows</b>: undefined, // The number of the rendered rows.\n \t <b>columns</b>: undefined, // The number of the rendered columns.\n \t <b>spacerStyle</b>: any, // The style of spacer element.\n \t <b>contentStyle</b>: any, // The style of content element.\n \t <b>vertical</b>: boolean, // Whether the orientation is vertical.\n \t <b>horizontal</b>: boolean, // Whether the orientation is horizontal.\n \t <b>both</b>: boolean, // Whether the orientation is both.\n }",
"description": "content slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom content template."
},
{
"name": "item",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>item</b>: any, // Item data.\n \t <b>options</b>: VirtualScrollerItemOptions, // Item options.\n }",
"description": "item slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom item template."
},
{
"name": "loader",
"parameters": [
{
"name": "scope",
"optional": false,
"type": "{\n \t <b>options</b>: VirtualScrollerLoaderOptions, // Loader options.\n }",
"description": "header slot's params."
}
],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loader template."
},
{
"name": "loadingicon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Custom loading icon template."
}
]
},
"VirtualScrollerEmits": {
"description": "Defines valid emits in VirtualScroller component.",
"relatedProp": "",
"props": [],
"methods": [
{
"name": "update:numToleratedItems",
"parameters": [
{
"name": "value",
"optional": false,
"type": "number",
"description": "New number tolerated items"
}
],
"returnType": "void",
"description": "Emitted when the numToleratedItems changes."
},
{
"name": "scroll",
"parameters": [
{
"name": "event",
"optional": false,
"type": "Event",
"description": "Browser event."
}
],
"returnType": "void",
"description": "Callback to invoke when scroll position changes."
},
{
"name": "scroll-index-change",
"parameters": [
{
"name": "event",
"optional": false,
"type": "VirtualScrollerScrollIndexChangeEvent",
"description": "Custom tab open event."
}
],
"returnType": "void",
"description": "Callback to invoke when scroll position and item's range in view changes."
},
{
"name": "lazy-load",
"parameters": [
{
"name": "event",
"optional": false,
"type": "VirtualScrollerLazyEvent",
"description": "Custom lazy event."
}
],
"returnType": "void",
"description": "Callback to invoke in lazy mode to load new data."
}
]
}
}
}
}
}
View Git Blame Copy Permalink