Primitives for creating visually hidden element that is still visible to assistive technology.
npm install @solid-aria/visually-hidden





Visually hidden is a common technique for hidding an element visually, while keeping it visible to screen readers and other assistive technology. This would typically be used when you want to take advantage of the behavior and semantics of a native element like a checkbox or radio button, but replace it with a custom styled element visually.
``bash`
npm install @solid-aria/visually-hiddenor
yarn add @solid-aria/visually-hiddenor
pnpm add @solid-aria/visually-hidden
Provides props for an element that hides its children visually, but keeps content visible to assistive technology.
`jsx
import { createVisuallyHidden } from "@solid-aria/visually-hidden";
function Example() {
const { visuallyHiddenProps } = createVisuallyHidden();
return
All notable changes are described in the CHANGELOG.md file.