@motif-ui/react-visually-hidden NPM

@motif-ui/react-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

pnpm add @motif-ui/react-visually-hidden
# or
npm install @motif-ui/react-visually-hidden
# or
yarn add @motif-ui/react-visually-hidden

Import component

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

Basic usage

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

component a11y aria accessibility accessible visually hidden visually hidden component sr-only screenreader react motif motif-ui motif-ui-react

@motif-ui/react-system

@motif-ui/react @motif-ui/react-icons @motif-ui/react-switch @infinitebrahmanuniverse/nolb-_mot

0.0.1

3 years ago