Visually Hidden
Overview
VisuallyHidden is a utility component that hides content from the screen but keeps it accessible to screen readers. It is essential for accessibility when you want to provide context to users relying on assistive technologies without affecting the visual design.
Note: This component is exported from
@vean/aria.
Usage
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
as | string | Component | 'span' | Rendered element |
asChild | boolean | false | Merge props into child element |
Slots
| Slot Name | Parameters | Description |
|---|---|---|
default | - | Hidden content |