refactor(ui/react/components/layout): Flex 컴포넌트 개편, createCssPropertyStyleVariants 함수 삭제

[sukvvon]

이슈 번호

• close refactor(ui/react/components/layout): Flex 컴포넌트 개편, createCssPropertyStyleVariants 함수 삭제 #255

작업한 목록을 작성해 주세요

• 이슈 내용과 같습니다.

스크린샷

pr 포인트나 궁금한 점을 작성해 주세요

<Flex gap={10} display="inlineFlex" justify="center" align="center" as="span" width={100}>
  ddd
</Box>

• Flex 컴포넌트는 Box 컴포넌트의 prop을 사용하면서, 주요 prop은 다음과 같습니다.
  • dynamic: gap, gapX, gapY
  • enum: align(alignItems), justify(justifyContents), display(none, flex(default), inlineFlex), direction(flexDirection), wrap(flexWrap)
• enum은 CSSProperties css 속성의 값에 의거합니다.
• dynamic은 number | string 속성을 받을 수 있습니다.
• 자세히는 추후 storybook에 문서화하도록 하겠습니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
favolink-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 19, 2024 3:37pm