Visually hidden

Use when an element needs to be available to assistive technology (for example, a screen reader) but otherwise hidden.

Deprecated

This component is no longer supported. Please use the Text component instead.

Mapping to the Text component

Example
- <VisuallyHidden>
-   <Heading>Title and description</Heading>
- </VisuallyHidden>
+ <Text visuallyHidden variant="headingMd" as="h2">Title and description</Text>

    On this page