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>