Visually Hidden
Hide an element visually but keep it available for screen readers and other assistive technologies.
Import#
import { VisuallyHidden } from '@volue/wave-react';
Examples#
Basic#
VisuallyHidden has all the styles necessary to visually hide content, but keep it accessible for screen readers. This is useful in certain scenarios as an alternative to labelling with aria-label or aria-labelledby.
API Reference#
Prop | Type | Default |
|---|---|---|
as | enum | span |