VisuallyHidden

A component that hides content visually but keeps it accessible to screen readers.

Installation

Import the component from the passport-ui package.

components/example.tsx
1
import { VisuallyHidden } from "passport-ui";

Usage

Basic example showing how to use the component.

components/example.tsx
1
2
3
4
<Button>
<PlusIcon />
<VisuallyHidden>Add Item</VisuallyHidden>
</Button>

Additional resources

Documentation and examples are available in Storybook.