@real-system/visually-hidden

Real System's screen-reader-only component.

Installation

Installation

# install peer dependencies

# npm
$ npm install --save @real-system/styled-library @real-system/elements-primitive react react-dom
# yarn
$ yarn add @real-system/styled-library @real-system/elements-primitive react react-dom

# install visually-hidden

# npm
$ npm install --save @real-system/visually-hidden
# yarn
$ yarn add @real-system/visually-hidden

Code Example

import { RealSystemProvider } from '@real-system/styled-library';
import { VisuallyHidden } from '@real-system/visually-hidden';

const MyComponent = () => {
  return (
    <RealSystemProvider>
      <VisuallyHidden>Screen reader only text</VisuallyHidden>
    </RealSystemProvider>
  );
};