https://github.com/accessible-ui/visually-hidden

🅰 A React component for adding visually hidden styles to elements
https://github.com/accessible-ui/visually-hidden

Last synced: about 2 months ago
JSON representation

🅰 A React component for adding visually hidden styles to elements

• Host: GitHub
• URL: https://github.com/accessible-ui/visually-hidden
• Owner: accessible-ui
• License: mit
• Created: 2020-07-08T00:35:33.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-07-08T00:35:57.000Z (almost 5 years ago)
• Last Synced: 2025-03-28T03:14:34.940Z (2 months ago)
• Language: TypeScript
• Homepage:
• Size: 298 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  


    <VisuallyHidden>

  





  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



npm i @accessible/visually-hidden



A React component for adding visually hidden styles to elements

## Quick Start

Simply wrap a child element that accepts a `style` prop and this component will add visually hidden

styles to it without overwriting styles already present on the child.

```jsx harmony

// VisuallyHidden is the component

// visuallyHidden is a style object

import {VisuallyHidden, visuallyHidden} from '@accessible/visually-hidden'

export default (props) => (

  

    

  

)

// 

```

## LICENSE

MIT