BridgeComfortable

Previews use

Applies to every design system preview on the site. The Bridge app chrome stays the same.

Brand

Density

VisuallyHidden

Stable
Edit in Studio

Updated Oct 16, 2026

No usage guidance yet. Add packages/react/src/components/VisuallyHidden/VisuallyHidden.docs.json to fill this page. Props and tokens below are generated from the code.

No usage guidance yet. Add packages/react/src/components/VisuallyHidden/VisuallyHidden.docs.json to fill this tab.

Anatomy and tokens

Read from packages/react/src/components/VisuallyHidden/VisuallyHidden.module.css at build time. Every value is a token: open one to see its alias chain in both themes.

1 tokens 0 semantic or component, change with theme and brand 1 from the shared scales

Props

Parsed from the TypeScript types in packages/react/src/components/VisuallyHidden/VisuallyHidden.tsx, so this table cannot drift from the code. It also accepts every native <span> attribute.

No props of its own. Text for assistive technology only: read by screen readers, invisible on screen.

Playground

VisuallyHidden has no typed options to play with: it is a container. Compose it with other components and any native attribute. Here it is in both themes.

Workbench

For contributors: every state with the accessibility panel, in the component workbench (Storybook). The stories double as visual test fixtures; the guidance on this page is the user documentation .

Changelog

  • New

    Base UI foundation: components now wrap `@base-ui/react` for behavior and accessibility. Adds `ThemeProvider` (theme, brand and density scope, passed to portaled overlays), `Icon` (Lucide with token sizes), `VisuallyHidden`, and global base styles at `@bridge-ds/react/styles.css`.

    Unreleased (current version 0.1.0, no release tagged yet) , Oct 17, 2026

All release notes