Skip to contentWolf-Rayet

Visually hidden

Visually hidden content does not show on screen, but screen readers still read it.

#Default

The button below reads as 'Delete conversation 8842' to a screen reader.

import { Button, VisuallyHidden } from '@wolf-rayet/react';

<Button appearance="danger">
  Delete
  <VisuallyHidden>conversation 8842</VisuallyHidden>
</Button>