Skip to content

Visibility

Kawal ketampakan elemen

Sintaks

layout="[visibility-value]"

Nilai

NilaiCSS OutputHuraian
visiblevisibility: visibleElemen kelihatan
invisiblevisibility: hiddenElemen tidak kelihatan tetapi mengambil ruang

Contoh

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

Pratonton

Kelihatan vs Tidak Kelihatan

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

VisibleInvisibleVisible
Lihat Kod
html
<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>