@yamada-ui/transitions/dist/collapse.d.mts

Yamada UI transitions components

import * as _yamada_ui_motion from '@yamada-ui/motion';
import { MotionVariants, WithTransitionProps, MotionProps } from '@yamada-ui/motion';
import { ThemeProps } from '@yamada-ui/core';

declare const collapseProps: {
    animate: string;
    exit: string;
    initial: string;
    variants: MotionVariants;
};
interface CollapseOptions {
    /**
     * If `true`, the opacity of the content will be animated.
     *
     * @default true
     */
    animationOpacity?: boolean;
    /**
     * The height you want the content in its expanded state.
     *
     * @default "auto"
     */
    endingHeight?: number | string;
    /**
     * The height you want the content in its collapsed state.
     *
     * @default 0
     */
    startingHeight?: number | string;
}
interface CollapseProps extends WithTransitionProps<MotionProps>, CollapseOptions, ThemeProps<"Collapse"> {
}
/**
 * `Collapse` is a component that allows you to expand or collapse an element for display.
 *
 * @see Docs https://yamada-ui.com/components/transitions/collapse
 */
declare const Collapse: _yamada_ui_motion.MotionComponent<"div", CollapseProps>;

export { Collapse, type CollapseProps, collapseProps };