4.8 components.hidden Hidden
Toggle example guides Toggle HTML markup
Hide elements from all users. Compare to the visually-hidden component.
Used for elements which should not be immediately displayed to any user. An example would be a collapsible fieldset that will be expanded with a click from a user.
For anything you want to hide on page load when JavaScript is enabled, use
the .js-hidden class.
Example
This content is hidden.
Markup: components/hidden/hidden.twig
<div class="hidden {{modifier_class}}">
This content is hidden.
</div>
Source:
sass/components/hidden/_hidden.scss, line 1