@yamada-ui/react/dist/types/components/collapse/collapse.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ThemeProps } from "../../core/system/index.types.js";
import { Component } from "../../core/components/index.types.js";
import "../../core/index.js";
import { HTMLMotionProps, WithTransitionProps } from "../motion/index.types.js";
import { CollapseStyle } from "./collapse.style.js";
import "../../index.js";
import * as react913 from "react";

//#region src/components/collapse/collapse.d.ts
interface CollapseProps extends WithTransitionProps<HTMLMotionProps>, ThemeProps<CollapseStyle> {
  /**
   * 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;
}
declare const CollapsePropsContext: react913.Context<Partial<CollapseProps> | undefined>, useCollapsePropsContext: () => Partial<CollapseProps> | undefined;
/**
 * `Collapse` is a component that allows you to expand or collapse an element for display.
 *
 * @see https://yamada-ui.com/docs/components/collapse
 */
declare const Collapse: Component<"div", CollapseProps>;
//#endregion
export { Collapse, CollapseProps, CollapsePropsContext, useCollapsePropsContext };
//# sourceMappingURL=collapse.d.ts.map