eui-monorepo

eui/ui npm : npm run build:watch

eui/app npm : npm run dev



style - ui\src\core\StyleProps.types.ts


// 크기

maxWidth?: string;

maxHeight?: string;

minWidth?: string;

minHeight?: string;

width?: string;

height?: string;

// 간격

p?: string;

py?: string;

px?: string;

pb?: string;

pt?: string;

pr?: string;

pl?: string;

m?: string;

my?: string;

mx?: string;

mb?: string;

mt?: string;

mr?: string;

ml?: string;

// 이펙트
background?: React.CSSProperties["background"];

radius?: string;

border?: React.CSSProperties["border"];

borderTop?: React.CSSProperties["borderTop"];

borderRight?: React.CSSProperties["borderRight"];

borderBottom?: React.CSSProperties["borderBottom"];

borderLeft?: React.CSSProperties["borderLeft"];

boxShadow?: React.CSSProperties["boxShadow"];

transform?: React.CSSProperties["transform"];

// 텍스트
fontSize?: string;

text?: string | number;

textAlign?: React.CSSProperties["textAlign"];

whiteSpace?: React.CSSProperties["whiteSpace"];

wordBreak?: React.CSSProperties["wordBreak"];

fontWeight?: React.CSSProperties["fontWeight"];

// 특성
display?: React.CSSProperties["display"];

flexWrap?: React.CSSProperties["flexWrap"];

flexDirection?: React.CSSProperties["flexDirection"];

alignContent?: React.CSSProperties["alignContent"];

justifyContent?: React.CSSProperties["justifyContent"];

alignItems?: React.CSSProperties["alignItems"];

gap?: string;

// 위치
position?: React.CSSProperties["position"];

top?: string;

right?: string;

left?: string;

bottom?: string;