Layouts

Visibility

Utilities for show or hide without affecting the layout of the document.


Class

classcss
visiblevisibility: visible
invisiblevisibility: hidden

Usage

Set visible to an element.

<!-- Example -->
<y class="visible">
...
</y>

Set invisible to an elment, the element property remains, but not hidden from existing.

<!-- Example -->
<y class="invisible">
...
</y>

Variant

VariantEnabledResponsive
DefaultYesYes
Dark Theme
hoverYes
group-hoverYes
focus
focus-within
active
visited
checked
disabled