@yamada-ui/react/dist/types/components/bleed/bleed.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 "../../index.js";
import * as react64 from "react";

//#region src/components/bleed/bleed.d.ts
interface BleedProps extends HTMLStyledProps {
  /**
   * The CSS `margin-block` property.
   */
  block?: CSSProps["marginBlock"];
  /**
   * The CSS `margin-block-end` property.
   */
  blockEnd?: CSSProps["marginBlockEnd"];
  /**
   * The CSS `margin-block-start` property.
   */
  blockStart?: CSSProps["marginBlockStart"];
  /**
   * The CSS `margin-inline` property.
   */
  inline?: "full" | CSSProps["marginInline"];
  /**
   * The CSS `margin-inline-end` property.
   */
  inlineEnd?: "full" | CSSProps["marginInlineEnd"];
  /**
   * The CSS `margin-inline-start` property.
   */
  inlineStart?: "full" | CSSProps["marginInlineStart"];
}
declare const BleedPropsContext: react64.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
/**
 * `Bleed` is a component used to break an element from the boundaries of its container.
 *
 * @see https://yamada-ui.com/docs/components/bleed
 */
declare const Bleed: Component<"div", BleedProps>;
//#endregion
export { Bleed, BleedProps, BleedPropsContext, useBleedPropsContext };
//# sourceMappingURL=bleed.d.ts.map