Visually Hidden

Visually Hidden is a component that hides an element from the screen but still keeps it accessible to screen readers.

Visually Hidden

Visually Hidden is a component that hides an element from the screen but still keeps it accessible to screen readers.

import { VisuallyHidden } from 'ui'
 
function App() {
  return (
    <div>
      <VisuallyHidden>This is a hidden element</VisuallyHidden>
    </div>
  )
}

Installation

If you hit any issues, make sure you check out the installation guide here.

Manual Installation

Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.