VisuallyHidden
Hides content visually while keeping it accessible to screen readers.
Example
VisuallyHidden content is not visible but remains accessible to screen readers.
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
as | string | 'span' | No | HTML element to render |
Accessibility
- Content remains in the accessibility tree
- Uses CSS clip technique for reliable hiding
- Essential for skip links, icon-only button labels, and live regions