data-next-hide

Hides the element while the condition holds, the opposite of data-next-show. It takes the same conditions.

<p data-next-hide="cart.lines">Your cart is empty</p>
<a data-next-hide="!cart.lines" href="/checkout">Checkout</a>

Set by the SDK

hidden while hidden (and style.display none, with next-visible / next-hidden for CSS that selects them).