VisuallyHidden

The VisuallyHidden component improves accessibility for icon-only or compact UIs.

Basic Usage

Live Editor

function Example() {
  return (
    <ThemeProvider>
      <button type="button">
        <span aria-hidden="true">?</span>
        <VisuallyHidden>Open help</VisuallyHidden>
      </button>
    </ThemeProvider>
  );
}

Result

Loading...