Have ideas to improve npm?Join in the discussion! »

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

    1.0.0-rc.9 • 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 @hackr/chakra-ui-visually-hidden

    DownloadsWeekly Downloads

    4

    Version

    1.0.0-rc.9

    License

    MIT

    Unpacked Size

    8.62 kB

    Total Files

    4

    Last publish

    Collaborators

    • avatar