Siddhesh.More/wdi-dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
dc5b771f305e03daab8b66edd301d78f04c7f81c
wdi-dashboard/node_modules/@chakra-ui/visually-hidden
History
Siddhesh.More dc5b771f30 sec commit
2024-08-16 15:06:52 +05:30
..
dist
sec commit
2024-08-16 15:06:52 +05:30
LICENSE
sec commit
2024-08-16 15:06:52 +05:30
package.json
sec commit
2024-08-16 15:06:52 +05:30
README.md
sec commit
2024-08-16 15:06:52 +05:30

README.md

@chakra-ui/visually-hidden

The visually hidden component styles itself so that it’s content is not visible, but it is available to assistive technologies like screen readers and other text to speech programs.

Installation

yarn add @chakra-ui/visually-hidden

# or

npm i @chakra-ui/visually-hidden

Import component

import { VisuallyHidden } from "@chakra-ui/visually-hidden"

Basic usage

// it renders a `span` by default
<VisuallyHidden>This content will be hidden on screen</VisuallyHidden>

// for visually hidden input fields
<VisuallyHiddenInput type="checkbox" defaultChecked/>

References