1.1.8 • Published 2 years ago
@leiych/flex v1.1.8
自定义的 react-flex 组件
Prerequisites
node >=10
React >=16.8.0
Install
yarn add @leiych/flex
# or
npm i @leiych/flexUsage
import Flex from '@leiych/flex';
export default () => {
return <Flex align="center" gutter="15" justify="center"></Flex>;
};Author
👤 leiych
Props
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| grow | flex-grow 的值 | 否 | string|number | 0 | |
| direction | flex-direction 的值 | 否 | 'row' | 'column' | 'row-reverse' | 'column-reverse' | 'row' | |
| justify | justify-content 的值 | 否 | 'start'| 'center'| 'end'| 'between'| 'around'| 'evenly'| 'normal' | 'normal' | |
| align | align-items 的值 | 否 | 'start'| 'center'| 'end'| 'baseline'|'normal' | 'normal' | |
| wrap | flex-wrap 的值 | 否 | 'wrap' | 'nowrap' | 'wrap-reverse' | 'nowrap' | |
| gutter | flex-元素的间距 | 否 | string | number | string[] | number[] | 0 | 为数组时可以按顺序自定义子元素的间距 |