Visually Hidden
Used to hide content visually but keep it accessible to screen readers.
Usage
import { VisuallyHidden } from "chakra-ui-solid";<VisuallyHidden>Hidden content</VisuallyHidden>Examples
Input
Using the render prop, you can render the VisuallyHidden styles onto an element of your own.
The input is hidden
render is this library’s answer to asChild, and it is a function that receives the computed
props rather than a child element — for the same reason Stack’s separator is a component. See
Composition for the whole of it.