react-raster
Version:
Advanced grid- and styling-system which is highly customizable and ready for server-side-rendering.
102 lines (101 loc) • 2.75 kB
TypeScript
import React from "react";
declare type ValidProp = string | number;
interface Props {
position: ValidProp;
zIndex: ValidProp;
display: ValidProp;
colsTotal: ValidProp;
colsEffective: ValidProp;
width: ValidProp;
minWidth?: ValidProp;
maxWidth?: ValidProp;
height: ValidProp;
minHeight?: ValidProp;
maxHeight?: ValidProp;
padding: {
left: string;
right: string;
top: string;
bottom: string;
};
margin: {
left: string;
right: string;
top: string;
bottom: string;
};
order: ValidProp;
top: ValidProp;
bottom: ValidProp;
left: ValidProp;
right: ValidProp;
alignItems: ValidProp;
alignContent: ValidProp;
alignSelf: ValidProp;
justifyItems: ValidProp;
justifyContent: ValidProp;
justifySelf: ValidProp;
background: ValidProp;
backgroundColor: ValidProp;
backgroundImage: ValidProp;
backgroundPosition: ValidProp;
backgroundSize: ValidProp;
backgroundAttachment: ValidProp;
filter: ValidProp;
backdropFilter: ValidProp;
mixBlendMode: ValidProp;
backgroundBlendMode: ValidProp;
textShadow: ValidProp;
boxShadow: ValidProp;
textStroke: ValidProp;
color: ValidProp;
fontFamily: ValidProp;
fontSize: ValidProp;
fontWeight: ValidProp;
fontStyle: ValidProp;
textAlign: ValidProp;
lineHeight: ValidProp;
letterSpacing: ValidProp;
textDecoration: ValidProp;
hyphens: ValidProp;
border: ValidProp;
borderLeft: ValidProp;
borderRight: ValidProp;
borderTop: ValidProp;
borderBottom: ValidProp;
gridColumn: ValidProp;
gridRow: ValidProp;
gridAutoRows: ValidProp;
gridTemplateRows: ValidProp;
gridTemplateColumns: ValidProp;
autoFlow: ValidProp;
gap: {
row: string;
column: string;
};
flexDirection: ValidProp;
flexWrap: ValidProp;
flexGrow: ValidProp;
flexShrink: ValidProp;
transition: ValidProp;
animation: ValidProp;
transform: ValidProp;
opacity: ValidProp;
willChange: ValidProp;
controlColor: ValidProp;
pointerEvents: ValidProp;
cursor: ValidProp;
overflow?: ValidProp;
overflowX?: ValidProp;
overflowY?: ValidProp;
tag?: string;
controlIsVisible: boolean;
component?: React.ReactElement;
className: string;
styles: string;
attrs: any;
children: React.ReactNode;
isControl: boolean;
}
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>>;
export default _default;