cherry-styled-components
Version:
Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.
23 lines (22 loc) • 680 B
TypeScript
import { default as React } from 'react';
interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
children?: React.ReactNode;
$gap?: number | "none";
$xsGap?: number | "none";
$smGap?: number | "none";
$mdGap?: number | "none";
$lgGap?: number | "none";
$xlGap?: number | "none";
$xxlGap?: number | "none";
$xxxlGap?: number | "none";
$cols?: number;
$xsCols?: number;
$smCols?: number;
$mdCols?: number;
$lgCols?: number;
$xlCols?: number;
$xxlCols?: number;
$xxxlCols?: number;
}
declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
export { Grid };