Visibility

.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:

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 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

BshadeUI
2021 Made with by bellshade.org