@chakra-xui/transition/dist/types/collapse.d.ts

Common transition components for Chakra xui

import { HTMLMotionProps } from "framer-motion";
import * as React from "react";
export interface CollapseOptions {
    /**
     * If `true`, the opacity of the content will be animated
     * @default true
     */
    animateOpacity?: boolean;
    /**
     * If `true`, the element will unmount when `in={false}` and animation is done
     */
    unmountOnExit?: boolean;
    /**
     * If `true`, the content will be expanded
     */
    in?: boolean;
    /**
     * The height you want the content in its collapsed state.
     * @default 0
     */
    startingHeight?: number | string;
    /**
     * The height you want the content in its expanded state.
     * @default "auto"
     */
    endingHeight?: number | string;
}
export declare type ICollapse = CollapseProps;
export interface CollapseProps extends HTMLMotionProps<"div">, CollapseOptions {
}
export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;