VisuallyHidden
<ts-visually-hidden> vv0.6.3
A utility component that visually hides content while keeping it accessible to screen readers. Useful for providing additional context to assistive technologies without cluttering the visual interface.
Open in Storybook for interactive demos.
Preview
Section titled “Preview”<ts-visually-hidden>Content</ts-visually-hidden>Properties
Section titled “Properties”| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
focusable | focusable | boolean | false | When true, the content becomes visible when focused (useful for skip links). |
| Name | Description |
|---|---|
*(default)* | Default slot for content to be visually hidden. |
<ts-visually-hidden>Content</ts-visually-hidden>import { TsVisuallyHidden } from '@tessera-ui/react';
<TsVisuallyHidden>Content</TsVisuallyHidden>