Visibility

Kawal ketampakan elemen

Sintaks

layout="[visibility-value]"

Nilai

Nilai	CSS Output	Huraian
visible	visibility: visible	Elemen kelihatan
invisible	visibility: hidden	Elemen tidak kelihatan tetapi mengambil ruang

Contoh

<div layout="invisible">Invisible but present</div>

Pratonton

Kelihatan vs Tidak Kelihatan

layout="invisible" - Elemen tidak kelihatan masih mengambil ruang

VisibleInvisibleVisible

Lihat Kod

<div layout="flex" 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">Visible</span>
  <span layout="invisible" space="p:small" visual="bg:neutral-300 rounded:small">Invisible</span>
  <span space="p:small" visual="bg:primary text:white rounded:small">Visible</span>
</div>