Visually Hidden
Hides content visually while keeping it accessible to screen readers.
Installation
pnpm dlx shadcn@latest add @diceui/visually-hiddenUsage
import { VisuallyHidden } from "@diceui/visually-hidden"
export function IconButton() {
return (
<button>
<Icon />
<VisuallyHidden>Close menu</VisuallyHidden>
</button>
)
}API Reference
VisuallyHidden
Visually hides content while keeping it accessible.
Prop
Type