ディレクティブを要素に適用します。
使用可能な値は igxFlexGrow、igxFlexShrink、igxFlexOrder、または igxFlexBasis です。
<div igxFlex>Content</div>ディレクティブを使用する要素に grow 属性を適用します。
デフォルト値は 1 です。
<div>
<div igxFlex igxFlexGrow="0">Content1</div>
<div igxFlex igxFlexGrow="1">Content2</div>
<div igxFlex igxFlexGrow="0">Content3</div>
</div>ディレクティブを使用する要素に order 属性を適用します。
デフォルト値は 0 です。
<div>
<div igxFlex igxFlexOrder="1">Content1</div>
<div igxFlex igxFlexOrder="0">Content2</div>
<div igxFlex igxFlexOrder="2">Content3</div>
</div>ディレクティブを使用する要素に shrink 属性を適用します。
Default value is 1.
<div>
<div igxFlex igxFlexShrink="1">Content1</div>
<div igxFlex igxFlexShrink="0">Content2</div>
<div igxFlex igxFlexShrink="1">Content3</div>
</div>
ディレクティブを使用する要素に
flex-basis属性を適用します。デフォルトは
autoです。 その他の使用可能な値はcontent、max-content、min-content、またはfit-contentです。<div igxFlex igxFlexBasis="fit-content">Content</div>