1import { VisuallyHidden } from "passport-ui";
1<Button>2 <PlusIcon />3 <VisuallyHidden>Add Item</VisuallyHidden>4</Button>
A component that hides content visually but keeps it accessible to screen readers.
Import the component from the passport-ui package.
1import { VisuallyHidden } from "passport-ui";
Basic example showing how to use the component.
1<Button>2 <PlusIcon />3 <VisuallyHidden>Add Item</VisuallyHidden>4</Button>
Documentation and examples are available in Storybook.