@yamada-ui/react/dist/types/components/grid/grid.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 { CSSProps } from "../../core/css/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { GridStyle } from "./grid.style.js";
import "../../index.js";
import * as react864 from "react";

//#region src/components/grid/grid.d.ts
interface GridProps extends HTMLStyledProps, ThemeProps<GridStyle> {
  /**
   * The CSS `grid-area` property.
   */
  area?: CSSProps["gridArea"];
  /**
   * The CSS `grid-auto-columns` property.
   */
  autoColumns?: CSSProps["gridAutoColumns"];
  /**
   * The CSS `grid-auto-flow` property.
   */
  autoFlow?: CSSProps["gridAutoFlow"];
  /**
   * The CSS `grid-auto-rows` property.
   */
  autoRows?: CSSProps["gridAutoRows"];
  /**
   * The CSS `grid-column` property.
   */
  column?: CSSProps["gridColumn"];
  /**
   * The CSS `grid-row` property.
   */
  row?: CSSProps["gridRow"];
  /**
   * The CSS `grid-template-areas` property.
   */
  templateAreas?: CSSProps["gridTemplateAreas"];
  /**
   * The CSS `grid-template-columns` property.
   */
  templateColumns?: CSSProps["gridTemplateColumns"];
  /**
   * The CSS `grid-template-rows` property.
   */
  templateRows?: CSSProps["gridTemplateRows"];
}
declare const GridPropsContext: react864.Context<Partial<GridProps> | undefined>, useGridPropsContext: () => Partial<GridProps> | undefined;
/**
 * `Grid` is a component for managing grid layouts. It also comes with handy style shorthand.
 *
 * @see https://yamada-ui.com/docs/components/grid
 */
declare const Grid: Component<"div", GridProps>;
//#endregion
export { Grid, GridProps, GridPropsContext, useGridPropsContext };
//# sourceMappingURL=grid.d.ts.map