bobs-layout
Version:
bob's layout library. supports Container, Flex, Grid
22 lines (21 loc) • 1.1 kB
TypeScript
import { PropsWithChildren } from 'react';
type GridProps<C extends React.ElementType> = {
as?: C;
rows?: React.CSSProperties['gridTemplateRows'];
columns?: React.CSSProperties['gridTemplateColumns'];
areas?: React.CSSProperties['gridTemplateAreas'];
rowGap?: React.CSSProperties['rowGap'];
columnGap?: React.CSSProperties['columnGap'];
gap?: React.CSSProperties['gap'];
css?: React.CSSProperties;
} & React.ComponentPropsWithoutRef<C>;
declare const Grid: {
<C extends import("react").ElementType<any> = "div">({ as, rows, columns, areas, rowGap, columnGap, gap, css, children, ...attributes }: PropsWithChildren<GridProps<C>>): import("react/jsx-runtime").JSX.Element;
Item: <C_1 extends import("react").ElementType<any> = "div">({ as, area, css, children }: PropsWithChildren<ItemProps<C_1>>) => import("react/jsx-runtime").JSX.Element;
};
type ItemProps<C extends React.ElementType> = {
as?: C;
area?: React.CSSProperties['gridArea'];
css?: React.CSSProperties;
} & React.ComponentPropsWithoutRef<C>;
export default Grid;