Skip to main content Skip to docs navigation
En GitHub

Visibilidad

Controla la visibilidad de los elementos, sin modificar su visualización, con las utilidades de visibilidad.

Establece la propiedad visibility de los elementos con nuestras utilidades de visibilidad. Estas clases de utilidad no modifican el valor display en absoluto y no afectan el diseño: los elementos .invisible siguen ocupando espacio en la página.

Los elementos con la clase .invisible se ocultarán tanto visualmente como para los usuarios de lectores de pantalla/tecnología de asistencia.

Aplica .visible o .invisible según sea necesario.

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

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

Sass

API de utilidades

Las utilidades de visibilidad se declaran en nuestra API de utilidades en scss/_utilities.scss. Aprende a usar la API de utilidades. 

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