Visually Hidden

Visually Hidden is a component that hides an element from the screen but still keeps it accessible to screen readers.

Import the components and use them as shown below, adapting the structure to fit each component.

Installation

If you hit any issues, make sure you check out the installation guide here.

Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.