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

2.2.0 • Public • Published

@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

Package Sidebar

Install

npm i @chakra-ui/visually-hidden

Weekly Downloads

428,940

Version

2.2.0

License

MIT

Unpacked Size

18.5 kB

Total Files

25

Last publish

Collaborators

  • segunadebayo
  • _codebender828