Hidden visually

Import
import { HiddenVisually } from "reshaped";
import type { HiddenVisuallyProps } from "reshaped";

HiddenVisually will hide everything passed as children from the screen but will still read that content when navigating with a screen reader. This allows you to add extra information for screen reader users.

<HiddenVisually>Available only to screen readers</HiddenVisually>
Previous
Next