Use these helpers to visually hide elements but keep them accessible to assistive technologies.

This is a visually hidden text
import VisuallyHidden from "@radui/ui/VisuallyHidden""

const VisuallyHiddenExample = () => (
    <VisuallyHidden asChild style={{display: "none"}}>
            <span>This is a visually hidden text</span>
    </VisuallyHidden>
)

PropTypeDefaultDescription

asChild

boolean

false

renders the children in desired element
Edit this page on GitHub