@cainiaofe/cn-ui-m
Version:
37 lines (36 loc) • 1.1 kB
TypeScript
import { BasicComponentProps, StyleOverrides } from "../../../types";
export interface CnBoxProps extends BasicComponentProps, StyleOverrides {
/**
* 布局属性
*/
flex?: number | string[] | number[];
/**
* 布局方向,默认为 column ,一个元素占据一整行
* @default column
*/
direction?: 'row' | 'column' | 'row-reverse';
/**
* 是否折行
*/
wrap?: boolean;
/**
* 元素之间的间距 [bottom&top, right&left]
*/
spacing?: number | number[];
/**
* 设置 margin [bottom&top, right&left]
*/
margin?: number | number[];
/**
* 设置 padding [bottom&top, right&left]
*/
padding?: number | number[];
/**
* 沿着主轴方向,子元素们的排布关系 (兼容性同 justify-content )
*/
justify?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
/**
* 垂直主轴方向,子元素们的排布关系 (兼容性同 align-items )
*/
align?: 'flex-start' | 'center' | 'flex-end' | 'baseline' | 'stretch';
}