Visibilitas

Kontrol visibilitas elemen, tanpa mengubah tampilannya, dengan utilitas visibilitas.

Atur visibilityelemen dengan utilitas visibilitas kami. Kelas utilitas ini tidak mengubah displaynilai sama sekali dan tidak memengaruhi tata letak – .invisibleelemen masih menempati ruang di halaman.

Elemen dengan .invisiblekelas akan disembunyikan baik secara visual maupun untuk pengguna teknologi bantu/pembaca layar.

Terapkan .visibleatau .invisiblesesuai kebutuhan.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Kelancangan

API Utilitas

Utilitas visibilitas dideklarasikan di API utilitas kami di scss/_utilities.scss. Pelajari cara menggunakan API utilitas.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )