Visually hidden

A utility that hides content from the screen while retaining readability by screen readers for accessibility.

#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>