React Native Mantine › Miscellaneous
VisuallyHidden
Hide content visually, keep it for screen readers
Import: import { VisuallyHidden } from 'react-native-mantine';
Usage
import { Text, VisuallyHidden } from 'react-native-mantine';
<Group spacing={8}>
<Text size="xl" weight="700">4.8 / 5</Text>
<VisuallyHidden accessibilityLabel="Rated 4.8 out of 5 stars">
<Text>Rated 4.8 out of 5 stars</Text>
</VisuallyHidden>
</Group>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children (required) | React.ReactNode | Content hidden from the screen but announced by screen readers | |
accessibilityLabel | string | Accessibility label announced by screen readers | |
style | ViewStyle | Additional styles to apply to the hidden container |