VisuallyHidden
utilitiesHides content visually while keeping it accessible to screen readers.
Preview
The button above has a hidden accessible label.
Installation
npm install @launchapp/design-systemImport
import { VisuallyHidden } from "@launchapp/design-system";Examples
Visually Hidden
<button> <svg aria-hidden="true">/* icon */</svg> <VisuallyHidden>Close dialog</VisuallyHidden></button>Props
| Prop | Type | Default | Description |
|---|---|---|---|
asChild | boolean | false | Render as child element via Radix Slot. |