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

    2.0.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

    Install

    npm i @chakra-ui/visually-hidden

    DownloadsWeekly Downloads

    287,922

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    7.06 kB

    Total Files

    11

    Last publish

    Collaborators

    • timkolberger
    • segunadebayo
    • _codebender828