@findnlink/neuro-ui/lib/src/Flex/Flex.types.d.ts

Findnlink design system

import { HTMLAttributes } from 'react';
import { UtilInterface } from '../../util/interfaces';
export interface FlexProps extends HTMLAttributes<HTMLDivElement>, UtilInterface {
    children?: any;
    className?: string;
    container?: boolean;
    /****** Container Props ********/
    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'initial' | 'inherit';
    flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
    alignItems?: 'stretch' | 'center' | 'flex-start' | 'flex-end' | 'baseline' | 'initial' | 'inherit';
    /****** Child Props ********/
    flexGrow?: number;
    flexShrink?: number;
    flexBasis?: number;
    flex?: string;
    /****** Common Layout Props ********/
    padding?: string;
    margin?: string;
    width?: string;
    height?: string;
    maxWidth?: string;
    maxHeight?: string;
}