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
Professionally crafted React & Figma components for building beautiful products or starting your own design system
Built with Reshaped in Amsterdam ❤️
Contact us·License agreement·FAQ·
© Reshaped 2025