返回目录
组件详情入口
工具
@vean/ui
SVisuallyHidden

VisuallyHidden

VisuallyHidden 属于 工具 分类。建议先看演示与用法,再对照 API 表格完成接入和样式调整。

先用快捷跳转面板找到概述、用法、演示和 API,再往下细读完整文档内容。

快速跳转

同分类组件

如果你在同一类交互里做组合,这些组件通常会一起出现。

视觉隐藏

概述

VisuallyHidden 是一个工具组件:它会在视觉上隐藏内容,但仍能被屏幕阅读器读取。当你需要在不影响视觉设计的前提下,为依赖辅助技术的用户提供额外上下文时,它对无障碍体验非常重要。

注意:该组件从 @vean/aria 导出。

用法

API

属性

属性名类型默认值描述
as
string | Component
'span'
渲染的元素
asChild
boolean
false
将属性合并到子元素

插槽

插槽名参数描述
default
-
隐藏内容

更新日志

版本记录按发布版本分组,便于快速查看这个组件在不同版本里的实际变更。

v0.0.2

2025-11-18

对比版本

样式

调整定位样式以提升无障碍访问性

范围: visually-hidden作者: soybeanjs查看提交662d5

样式

将 FormFieldProps 替换为 FormNameValueProps,并更新相关的解析函数

范围: visually-hidden作者: soybeanjs查看提交e4eea

样式

调整定位样式以提升无障碍访问性

范围: visually-hidden作者: soybeanjs查看提交662d5

样式

将 FormFieldProps 替换为 FormNameValueProps,并更新相关的解析函数

范围: visually-hidden作者: soybeanjs查看提交e4eea