Version: Next

VisuallyHidden()

Visually hides content while keeping it accessible to screen readers. Useful for descriptive labels and other screen-reader-only content.

Note: This component is for content that should ALWAYS remain visually hidden. For skip links that become visible on focus, use a different approach.

Signature:

VisuallyHidden: (props: VisuallyHiddenProps) => import("react/jsx-runtime").JSX.Element

Parameters

Parameter	Type	Description
props	VisuallyHiddenProps

**Returns:**

import("react/jsx-runtime").JSX.Element