Dice UI

Visually Hidden

Hides content visually while keeping it accessible to screen readers.

API

Installation

pnpm dlx shadcn@latest add @diceui/visually-hidden

Usage

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

On this page