Utilities
Hide an element visually while keeping it present in the DOM. This is particularly useful for accessibility purposes, ensuring that screen readers and other assistive technologies can still interact with the hidden content.
Import the VisuallyHidden primitives from ng-primitives/a11y
.
import { NgpVisuallyHidden } from 'ng-primitives/a11y';
Assemble the visually-hidden directives in your template.
<div ngpVisuallyHidden></div>
The following directives are available to import from the ng-primitives/a11y
package:
Hide an element visually while keeping it present in the DOM.
[ngpVisuallyHidden]
ngpVisuallyHidden
This directive can be useful for hiding content that is still important for screen readers and other assistive technologies.
Copyright © 2024 Angular Primitives