Flex Basis

Tetapkan saiz awal item flex

Sintaks

layout="basis:[value]"

Nilai

Nilai	CSS Output	Huraian
auto	flex-basis: auto	Asas automatik
0	flex-basis: 0	Asas sifar

Contoh

<div layout="basis:[200px]">200px basis</div>

Pratonton

Asas Tetap

layout="basis:[100px]" - Item dengan saiz asas berbeza

100px150pxauto

Lihat Kod

<div layout="flex" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <span layout="basis:[100px] text:center" space="p:small" visual="bg:primary text:white rounded:small">100px</span>
  <span layout="basis:[150px] text:center" space="p:small" visual="bg:primary text:white rounded:small">150px</span>
  <span layout="basis:auto" space="p:small" visual="bg:neutral-300 dark:bg:neutral-700 text:neutral-800 dark:text:neutral-200 rounded:small">auto</span>
</div>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

<div layout="flex:[custom-value]">Custom</div>