@douyinfe/semi-ui
Version:
A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.
56 lines (55 loc) • 1.82 kB
TypeScript
/**
* Implementation reference from: https://github.com/ant-design/ant-design/blob/master/components/grid/col.tsx
*/
import React from 'react';
import PropTypes from 'prop-types';
import { RowContextType } from './row';
export interface ColSize {
span?: number;
order?: number;
offset?: number;
push?: number;
pull?: number;
}
export interface ColProps {
span?: number;
order?: number;
offset?: number;
push?: number;
pull?: number;
className?: string;
prefixCls?: string;
style?: React.CSSProperties;
children?: React.ReactNode;
xs?: number | ColSize;
sm?: number | ColSize;
md?: number | ColSize;
lg?: number | ColSize;
xl?: number | ColSize;
xxl?: number | ColSize;
}
declare class Col extends React.Component<ColProps> {
static contextType: React.Context<RowContextType>;
static propTypes: {
span: PropTypes.Requireable<number>;
order: PropTypes.Requireable<number>;
offset: PropTypes.Requireable<number>;
push: PropTypes.Requireable<number>;
pull: PropTypes.Requireable<number>;
className: PropTypes.Requireable<string>;
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
xs: PropTypes.Requireable<NonNullable<number | object>>;
sm: PropTypes.Requireable<NonNullable<number | object>>;
md: PropTypes.Requireable<NonNullable<number | object>>;
lg: PropTypes.Requireable<NonNullable<number | object>>;
xl: PropTypes.Requireable<NonNullable<number | object>>;
xxl: PropTypes.Requireable<NonNullable<number | object>>;
prefixCls: PropTypes.Requireable<string>;
};
static defaultProps: {
prefixCls: string;
};
context: RowContextType;
render(): React.JSX.Element;
}
export default Col;