react-flexable

@eigen/flex

Flex布局组件

Usage

import { Flex } from '@eigen/flex';
<Flex align="center" valign="middle">Text</Flex>

Interface

interface FlexProps extends React.HTMLAttributes<HTMLElement> {
  span?: number;
  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
  wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
  align?: 'left' | 'right' | 'center' | 'between' | 'around';
  valign?: 'top' | 'middle' | 'bottom' | 'stretch' | 'baseline';
  alignContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'stretch';
  blocked?: boolean;
  fulled?: boolean;
  scroll?: 'x' | 'y' | 'both' | 'hide';
}