.visible
|
visibility: visible;
|
.invisible
|
visibility: hidden;
|
Sesuai namanya, utility visibility berfungsi untuk mengatur visibilitas dari suatu element.
BshadeUI
sudah menyediakan dua class visibilitas yang bisa kamu gunakan, yaitu
.visible
dan
.invisible
Berikut contoh penggunaannya:
<div class="visible bg-red-500 p-1">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur fugit, ipsam aliquid incidunt vel dicta
reprehenderit doloremque, odit molestiae harum ad optio nihil! Quas, repudiandae recusandae optio sunt expedita
molestiae.
</div>
<div class="invisible bg-yellow-500 p-1 color-gray-900">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur fugit, ipsam aliquid incidunt vel dicta
reprehenderit doloremque, odit molestiae harum ad optio nihil! Quas, repudiandae recusandae optio sunt expedita
molestiae.
</div>
Nah, pada contoh di atas, kamu tidak akan melihat kotak teks kedua yang berwarna kuning, karna dia memiliki class
.invisible