Grid Rows

Tentukan templat baris grid

Sintaks

layout="grid-rows:[value]"

Nilai

Nilai	CSS Output	Huraian
1-12	grid-template-rows: repeat({n}, minmax(0, 1fr))	N baris sama
none	grid-template-rows: none	Tiada baris ditakrifkan
subgrid	grid-template-rows: subgrid	Guna grid induk

Contoh

<div layout="grid grid-rows:3">3 rows</div>

Pratonton

Baris Grid

layout="grid-rows:3" - Tentukan trek baris eksplisit dalam grid

123456

Lihat Kod

<div layout="grid grid-rows:3 grid-cols:2" space="g:small p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <span space="p:small" visual="bg:primary text:white rounded:small" layout="text:center">1</span>
  <span space="p:small" visual="bg:primary text:white rounded:small" layout="text:center">2</span>
  <span space="p:small" visual="bg:primary text:white rounded:small" layout="text:center">3</span>
  <span space="p:small" visual="bg:primary text:white rounded:small" layout="text:center">4</span>
  <span space="p:small" visual="bg:primary text:white rounded:small" layout="text:center">5</span>
  <span space="p:small" visual="bg:primary text:white rounded:small" layout="text:center">6</span>
</div>