Typography

Visually Hidden

Keeps content available to assistive technology while visually clipping it.

idle

Usage

import { VisuallyHidden } from "@mizen-labs/ui";

Guidance	Practice
Do	Use hidden text to clarify an otherwise ambiguous control or visual indicator.

Guidance	Boundary
Scope	Do not hide instructions needed by sighted users. Keep interactive controls visibly reachable.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`VisuallyHidden.children`	`ReactNode`	`Required`	Provides the content that remains in the accessibility tree.
`VisuallyHidden`	`Native span attributes`	`—`	Uses a fixed clipping pattern and prevents callers from hiding its content from assistive technology.

Typography

Keeps content available to assistive technology while visually clipping it.

idle

import { VisuallyHidden } from "@mizen-labs/ui";

Guidance	Practice
Do	Use hidden text to clarify an otherwise ambiguous control or visual indicator.

Guidance	Boundary
Scope	Do not hide instructions needed by sighted users. Keep interactive controls visibly reachable.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`VisuallyHidden.children`	`ReactNode`	`Required`	Provides the content that remains in the accessibility tree.
`VisuallyHidden`	`Native span attributes`	`—`	Uses a fixed clipping pattern and prevents callers from hiding its content from assistive technology.