/** * * AccordionTab is a helper component for Accordion. * * [Live Demo](https://www.primevue.org/accordion/) * * @module accordiontab * */ import { AnchorHTMLAttributes, HTMLAttributes, VNode } from 'vue'; import { AccordionPassThroughOptions } from '../accordion'; import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers'; export declare type AccordionTabPassThroughOptionType = AccordionTabPassThroughAttributes | ((options: AccordionTabPassThroughMethodOptions) => AccordionTabPassThroughAttributes | string) | string | null | undefined; /** * Custom passthrough(pt) option method. */ export interface AccordionTabPassThroughMethodOptions { instance: any; props: AccordionTabProps; parent: AccordionPassThroughOptions; context: AccordionTabContext; } /** * Custom passthrough(pt) options. * @see {@link AccordionTabProps.pt} */ export interface AccordionTabPassThroughOptions { /** * Uses to pass attributes to the root's DOM element. */ root?: AccordionTabPassThroughOptionType; /** * Uses to pass attributes to the header's DOM element. */ header?: AccordionTabPassThroughOptionType; /** * Uses to pass attributes to the headeraction's DOM element. */ headerAction?: AccordionTabPassThroughOptionType; /** * Uses to pass attributes to the headericon's DOM element. */ headerIcon?: AccordionTabPassThroughOptionType; /** * Uses to pass attributes to the headertitle's DOM element. */ headerTitle?: AccordionTabPassThroughOptionType; /** * Uses to pass attributes to the toggleablecontent's DOM element. */ toggleableContent?: AccordionTabPassThroughOptionType; /** * Uses to pass attributes to the content's DOM element. */ content?: AccordionTabPassThroughOptionType; } /** * Custom passthrough attributes for each DOM elements */ export interface AccordionTabPassThroughAttributes { [key: string]: any; } /** * Defines valid properties in AccordionTab component. */ export interface AccordionTabProps { /** * Orientation of tab headers. */ header?: string | undefined; /** * Inline style of the tab header. */ headerStyle?: any; /** * Style class of the tab header. */ headerClass?: any; /** * Uses to pass all properties of the HTMLDivElement to the tab header. * @deprecated since v3.26.0. Use 'pt' property instead. */ headerProps?: HTMLAttributes | undefined; /** * 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. */ headerActionProps?: AnchorHTMLAttributes | undefined; /** * Inline style of the tab content. */ contentStyle?: any; /** * Style class of the tab content. */ contentClass?: any; /** * Uses to pass all properties of the HTMLDivElement to the tab content. * @deprecated since v3.26.0. Use 'pt' property instead. */ contentProps?: HTMLAttributes | undefined; /** * Whether the tab is disabled. * @defaultValue false */ disabled?: boolean | undefined; /** * Uses to pass attributes to DOM elements inside the component. * @type {AccordionTabPassThroughOptions} */ pt?: AccordionTabPassThroughOptions; } /** * Defines current options in AccordionTab component. */ export interface AccordionTabContext { /** * Current index of the tab. */ index: number; /** * Count of tabs */ count: number; /** * Whether the tab is first. */ first: boolean; /** * Whether the tab is last. */ last: boolean; /** * Whether the tab is active. */ active: boolean; } /** * Defines valid slots in AcordionTab slots. */ export interface AccordionTabSlots { /** * Default slot for content. */ default(): VNode[]; /** * Custom content for the title section of a AccordionTab is defined using the header template. */ header(): VNode[]; /** * Custom icon for the header section of a AccordionTab is defined using the headericon template. * @param {Object} scope - header slot's params. */ headericon(scope: { /** * Index of the tab */ index: number; /** * Whether the tab is active */ isTabActive(i: number): void; }): VNode[]; } /** * Defines valid emits in AcordionTab component. */ export interface AccordionTabEmits {} /** * **PrimeVue - Accordion** * * _AccordionTab is a helper component for Accordion.._ * * [Live Demo](https://www.primevue.org/accordion/) * --- --- * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png) * * @group Component */ declare class AccordionTab extends ClassComponent {} declare module '@vue/runtime-core' { interface GlobalComponents { AccordionTab: GlobalComponentConstructor; } } export default AccordionTab;