@ciceksepeti/cui-visually-hidden

Visually Hidden is used when an element needs to be available to assistive technology, but otherwise hidden. The visually hidden component hides text visually from screen, but keeps it available to assistive technologies, such as screen readers. The component shouldn't be used to hide interactive content.

Installing

Using Npm:

$ npm install @ciceksepeti/cui-visually-hidden

Using Yarn:

$ yarn add @ciceksepeti/cui-visually-hidden

Example

import VisuallyHidden from "@ciceksepeti/cui-visually-hidden";

function Demo() {
  return <VisuallyHidden>Should not be seen!</VisuallyHidden>;
}