FlexItem

Flexの子要素向けのプロパティを扱いやすくするためのコンポーネントです。

Props

プロパティ	説明
`layout`	展開したい Lismコンポーネントを指定できます。

また、本来は flexItemオブジェクト内で指定できるプロパティをコンポーネントに直接指定できるようになっています。

↓

例えば、以下は同じ出力結果になります。

// 1.
<Lism flexItem={{'fx': '1'}}>...</Lism>

// 2.
<FlexItem fx='1'>...</FlexItem>

import { Flex, FlexItem } from '@lism-ui/core';

↓

例

item1

item2

リサイズ可能

<Flex g='10'>
  <FlexItem fx='1' p='20' bgc='base-2'>item1</FlexItem>
  <FlexItem fxb='20%' p='20' bgc='base-2'>item2</FlexItem>
</Flex>