Introducing Polaris Web Components Now Released
Skip to contentShopify logoPolaris React

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