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

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

import { CSSProps } from "../../core/css/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { HTMLMotionProps } from "../motion/index.types.js";
import { CloseButtonProps } from "../close-button/close-button.js";
import { UseSnacksReturn } from "./use-snacks.js";
import "../../index.js";

//#region src/components/snacks/snacks.d.ts
interface SnacksProps extends HTMLMotionProps {
  /**
   * The snacks created by `useSnacks`.
   */
  snacks: UseSnacksReturn["snacks"];
  /**
   * The CSS `gap` property.
   *
   * @default 'md'
   */
  gap?: CSSProps["gap"];
  /**
   * A property that provides spacing between the top and bottom.
   *
   * @default [0, "lg"]
   */
  gutter?: [CSSProps["paddingTop"], CSSProps["paddingBottom"]];
  /**
   * If `true`, apply gutter value to negative margins
   *
   * @default true
   */
  negativeMargins?: boolean;
  /**
   * Props for the snacks list element.
   */
  listProps?: HTMLMotionProps;
}
declare const Snacks: Component<"div", SnacksProps>;
interface SnackContentProps extends HTMLStyledProps {}
interface SnackCloseButtonProps extends CloseButtonProps {}
//#endregion
export { SnackCloseButtonProps, SnackContentProps, Snacks, SnacksProps };
//# sourceMappingURL=snacks.d.ts.map