Use these helpers to visually hide elements but keep them accessible to assistive technologies.
import VisuallyHidden from "@radui/ui/VisuallyHidden""
const VisualltHiddenExample = () => (
<VisuallyHidden asChild style={{display: "none"}}>
<span>This is a visually hidden text</span>
</VisuallyHidden>
)| Prop | Type | Default | Description |
|---|---|---|---|
| asChild | boolean | false | renders the children in desired element |