Back to Chakra Ui

Visually Hidden

apps/www/content/docs/components/visually-hidden.mdx

0.3.0-beta342 B
Original Source
<ExampleTabs name="visually-hidden-basic" />

Usage

jsx
import { VisuallyHidden } from "@chakra-ui/react"
jsx
<VisuallyHidden>Hidden content</VisuallyHidden>

Examples

Input

Using the asChild prop, you can pass a child element to the VisuallyHidden component.

<ExampleTabs name="visually-hidden-with-input" />