@vectara/vectara-ui/lib/components/grid/Grid.d.ts

Vectara's design system, codified as a React and Sass component library

import React from "react";
import { FlexSpacing } from "../flex/types";
import { ResponsiveGridValue } from "./types";
export declare const COLUMNS: readonly [1, 2, 3, 4];
export type Columns = (typeof COLUMNS)[number];
declare const GRID_ALIGN_ITEMS: readonly ["start", "end", "center", "stretch", "baseline"];
type GridAlignItems = (typeof GRID_ALIGN_ITEMS)[number];
declare const GRID_JUSTIFY_ITEMS: readonly ["start", "end", "center", "stretch"];
type GridJustifyItems = (typeof GRID_JUSTIFY_ITEMS)[number];
declare const GRID_ALIGN_CONTENT: readonly ["start", "end", "center", "stretch", "spaceAround", "spaceBetween", "spaceEvenly"];
type GridAlignContent = (typeof GRID_ALIGN_CONTENT)[number];
declare const GRID_JUSTIFY_CONTENT: readonly ["start", "end", "center", "stretch", "spaceAround", "spaceBetween", "spaceEvenly"];
type GridJustifyContent = (typeof GRID_JUSTIFY_CONTENT)[number];
type Props = {
    children?: React.ReactNode;
    columns?: Columns;
    spacing?: FlexSpacing;
    templateColumns?: ResponsiveGridValue<string>;
    templateRows?: string;
    alignItems?: GridAlignItems;
    justifyItems?: GridJustifyItems;
    alignContent?: GridAlignContent;
    justifyContent?: GridJustifyContent;
    inline?: boolean;
    fullWidth?: boolean;
    className?: string;
};
export declare const VuiGrid: ({ children, columns, spacing, templateColumns, templateRows, alignItems, justifyItems, alignContent, justifyContent, inline, fullWidth, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
export {};