cherry-styled-components
Version:
Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.
25 lines (24 loc) • 732 B
TypeScript
import { default as React } from 'react';
import { Theme } from './utils';
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;
theme?: Theme;
}
declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
export { Grid };