@teamsnap/teamsnap-ui
Version:
a CSS component library for TeamSnap
43 lines (42 loc) • 1.42 kB
TypeScript
/**
* @name Grid
*
* @description
* A Grid component is used for creating Flexbased grid system, they are used in conjunction with <Cell />.
* For more information on Grid usage see the teamsnap patterns library. https://teamsnap-ui-patterns.netlify.com/patterns/components/grid.html
*
* @example
* <Grid isWithGutter>
* Grid Child Data
* </Grid>
*
*/
import * as React from "react";
import * as PropTypes from "prop-types";
declare class Grid extends React.PureComponent<PropTypes.InferProps<typeof Grid.propTypes>, any> {
static propTypes: {
children: PropTypes.Validator<PropTypes.ReactNodeLike>;
isFit: PropTypes.Requireable<boolean>;
isEqualHeight: PropTypes.Requireable<boolean>;
isAlignCenter: PropTypes.Requireable<boolean>;
isAlignMiddle: PropTypes.Requireable<boolean>;
isWithGutter: PropTypes.Requireable<boolean>;
className: PropTypes.Requireable<string>;
mods: PropTypes.Requireable<string>;
style: PropTypes.Requireable<object>;
otherProps: PropTypes.Requireable<object>;
};
static defaultProps: {
isFit: boolean;
isEqualHeight: boolean;
isAlignCenter: boolean;
isAlignMiddle: boolean;
isWithGutter: boolean;
className: string;
mods: any;
style: {};
otherProps: {};
};
render(): JSX.Element;
}
export default Grid;