antd/es/collapse/Collapse.d.ts

An enterprise-class UI design language and React components implementation

import * as React from 'react';
import type { CollapseProps as RcCollapseProps } from '@rc-component/collapse';
import type { GenerateSemantic } from '../_util/hooks/useMergeSemantic/semanticType';
import type { SizeType } from '../config-provider/SizeContext';
import type { CollapsibleType } from './CollapsePanel';
export type ExpandIconPlacement = 'start' | 'end';
export type CollapseSemanticType = {
    classNames?: {
        root?: string;
        header?: string;
        title?: string;
        body?: string;
        icon?: string;
    };
    styles?: {
        root?: React.CSSProperties;
        header?: React.CSSProperties;
        title?: React.CSSProperties;
        body?: React.CSSProperties;
        icon?: React.CSSProperties;
    };
};
export type CollapseSemanticAllType = GenerateSemantic<CollapseSemanticType, CollapseProps>;
export interface CollapseProps extends Pick<RcCollapseProps, 'items'> {
    activeKey?: Array<string | number> | string | number;
    defaultActiveKey?: Array<string | number> | string | number;
    /** 手风琴效果 */
    accordion?: boolean;
    /** @deprecated Please use `destroyOnHidden` instead */
    destroyInactivePanel?: boolean;
    /**
     * @since 5.25.0
     */
    destroyOnHidden?: boolean;
    onChange?: (key: string[]) => void;
    style?: React.CSSProperties;
    className?: string;
    rootClassName?: string;
    bordered?: boolean;
    prefixCls?: string;
    expandIcon?: (panelProps: PanelProps) => React.ReactNode;
    expandIconPlacement?: ExpandIconPlacement;
    /** @deprecated Please use `expandIconPlacement` instead */
    expandIconPosition?: ExpandIconPlacement;
    ghost?: boolean;
    size?: SizeType;
    collapsible?: CollapsibleType;
    /**
     * @deprecated use `items` instead
     */
    children?: React.ReactNode;
    classNames?: CollapseSemanticAllType['classNamesAndFn'];
    styles?: CollapseSemanticAllType['stylesAndFn'];
}
interface PanelProps {
    isActive?: boolean;
    header?: React.ReactNode;
    className?: string;
    style?: React.CSSProperties;
    showArrow?: boolean;
    forceRender?: boolean;
    extra?: React.ReactNode;
    collapsible?: CollapsibleType;
    classNames?: CollapseSemanticAllType['classNames'];
    styles?: CollapseSemanticAllType['styles'];
}
declare const _default: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>> & {
    Panel: React.ForwardRefExoticComponent<import("./CollapsePanel").CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
};
export default _default;