@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
28 lines (27 loc) • 1.19 kB
TypeScript
import { BoxProps, Factory } from '../../core';
export interface CollapseProps extends BoxProps, Omit<React.ComponentProps<'div'>, keyof BoxProps> {
/** Collapse orientation @default 'vertical' */
orientation?: 'vertical' | 'horizontal';
/** Expanded state */
expanded: boolean;
/** Called when the transition ends */
onTransitionEnd?: () => void;
/** Called when transition starts */
onTransitionStart?: () => void;
/** Transition duration in ms @default 200 */
transitionDuration?: number;
/** Transition timing function @default ease */
transitionTimingFunction?: string;
/** Determines whether the opacity is animated @default true */
animateOpacity?: boolean;
/** If set, the element is kept in the DOM when collapsed. When `true`, React 19 `Activity` is used to preserve state while collapsed. When `false`, the element is unmounted after the exit animation. @default false */
keepMounted?: boolean;
}
export type CollapseFactory = Factory<{
props: CollapseProps;
ref: HTMLDivElement;
}>;
export declare const Collapse: import("../..").MantineComponent<{
props: CollapseProps;
ref: HTMLDivElement;
}>;