Docs / Visibility

Visibility

vel-src: layout.css

Utilities for controlling the visibility of an element.

ClassProperties
vel-visiblevisibility: visible
vel-invisiblevisibility: hidden
vel-collapsevisibility: collapse

Examples

Visible vs invisible

vel-visible
vel-invisible (hidden, takes space)
still here
example.html
<div class="vel-flex vel-gap-4 vel-items-center">
  <div class="vel-visible vel-bg-primary vel-text-white vel-rounded-md" style="padding:12px 20px">vel-visible</div>
  <div class="vel-invisible vel-bg-danger vel-text-white vel-rounded-md" style="padding:12px 20px">vel-invisible (hidden, takes space)</div>
  <div class="vel-bg-success vel-text-white vel-rounded-md" style="padding:12px 20px">still here</div>
</div>