Anatomy
Preserves the child element semantics while clipping only its visual box.
Consumer classes, styles, and data attributes may extend the surface, but required roles, IDs, relationships, and handlers remain owned by the component.
01 · Foundations
betaVisuallyHidden
Keeps essential labels and instructions available to assistive technology without visual layout.
- Since
- 1.0.0-next.0
- Owner
- Brand Core
- Export
PRIVATE_BETA_PACKAGE_COORDINATE_REDACTED/VisuallyHidden- Release
- Documentation version
Deterministic fixture · default state
Component studio
Keyboard focusCanvasRaised
Locale-aware foundations keep permissions, direction, and reading scale independent.
Preview controls could not be applied. The static default fixture remains available.
Contract
Semantics first
Keyboard
- Focusable content becomes visible when the focusable mode is enabled.
Public surface
API & styling
Props
- id
- Explicit IDs override stable generated IDs.
- class / style
- Consumer additions compose with required styles.
- ref
- Element or callback where focus control is expected.
- children
- Typed content; raw HTML strings are never rendered.
Slots & events
- children
- Primary content slot.
- onChange
- Typed value plus a small reason object when state changes.
- native events
- Composed without overwriting required handlers.
State attributes
data-fui-visually-hidden
CSS tokens
No component token dependency. It inherits semantic text and canvas values.
Consumption
Solid, Vite & Astro
Solid / Vite
PRIVATE_BETA_PACKAGE_COORDINATE_REDACTED/VisuallyHiddenimport VisuallyHidden from 'PRIVATE_BETA_PACKAGE_COORDINATE_REDACTED/VisuallyHidden';
<VisuallyHidden>Frauthy content</VisuallyHidden>Astro
static---
import VisuallyHidden from 'PRIVATE_BETA_PACKAGE_COORDINATE_REDACTED/VisuallyHidden';
---
<VisuallyHidden>Frauthy content</VisuallyHidden>Verification
Evidence record
Automated
SSR render, public-contract, state-attribute, and axe fixture scheduled in the Brand matrix.
- Target
- Brand 1.0.0-next.0 matrix
- Last verified
- Pending integrated G2 run
Assistive technology
Pending VoiceOver/Safari and NVDA/Firefox verification for the 1.0.0 release candidate.
- Desktop
- VoiceOver/Safari · NVDA/Firefox
- Touch
- Not required for beta
Known issues
- Pre-release API: visual or behavioral details may tighten before stable without changing the documented semantics.
Editorial guidance
Do / don’t
Use it for an icon-only control label or skip-link text.
Do not hide information that sighted keyboard users also need.
Release activity
VisuallyHidden · Brand Core
- 1.0.0-next.3
Baseline public component contract.
Version & provenance
New in the v2 architecture
There is no stable predecessor for this explicit compiled subpath. The v1 compatibility layer remains tested separately; visual and API diffs begin with the next prerelease.
- Current
- 1.0.0-next.0
- Previous
- compatibility surface
- Deprecation
- none
- Replacement
- not applicable