import {Meta} from '@storybook/addon-docs';
import PageHeader from 'blocks/PageHeader';

<Meta title="Utilities/Visually hidden" />

<PageHeader type="utility">Visually hidden</PageHeader>

You can hide element visually but leave it accessible by using <code>.sg-visually-hidden</code>.

Run screen reader to find visually hidden element.

<div class="sg-visually-hidden">I am accessible, but visually hidden</div>