REACT-NATIVES

WIRED FOR SPEED

react-natives v2.1.2

Theme

Light

Dark

Get Started

Components

Utility

VisuallyHidden

Hides content visually while keeping it accessible to screen readers.

Example

Preview

Code

Props

VisuallyHidden Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes to apply to the hidden wrapper.

Usage Guidelines

When to use

Use VisuallyHidden to provide screen-reader-only labels, descriptions, or context.

Best practices

•

Use VisuallyHidden for labels that provide context only to screen readers.

•

Prefer accessibilityLabel on interactive elements over wrapping text in VisuallyHidden.

•

Test with a screen reader to verify the hidden content is announced correctly.

Accessibility

VisuallyHidden content is hidden from sighted users but fully accessible to screen readers and assistive technologies.

Related Components

Text

A typographic component for rendering text with built-in size, weight, and decoration variants.

React-Natives

A comprehensive React Native component library.

Documentation

Getting Started

Components

Theming

Community

GitHub

Discord

Twitter

Blog

Support

FAQ

Contact

Contributing

License