Nagging Mario's Princess

    @reach/visually-hidden
    TypeScript icon, indicating that this package has built-in type declarations

    0.17.0 • Public • Published

    @reach/visually-hidden

    Stable release MIT license

    Docs | Source | Origin | Further reading

    Provides text for screen readers that is visually hidden. It is the logical opposite of the aria-hidden attribute.

    In the following example, screen readers will announce "Save" and will ignore the icon; the browser displays the icon and ignores the text.

    import VisuallyHidden from "@reach/visually-hidden";
    
    function Example() {
      return (
        <button>
          <VisuallyHidden>Save</VisuallyHidden>
          <span aria-hidden>💾</span>
        </button>
      );
    }

    Keywords

    none

    Install

    npm i @reach/visually-hidden

    DownloadsWeekly Downloads

    375,433

    Version

    0.17.0

    License

    MIT

    Unpacked Size

    10.9 kB

    Total Files

    9

    Last publish

    Collaborators

    • ryanflorence
    • mjackson
    • chancestrickland
    • blainekasten