由 WorkOS 制作

由 WorkOS 制作

主题主题原语原语图标图标颜色颜色

文档案例研究博客

概述

指南

服务器端渲染

实用工具

无障碍图标

方向提供者

宣布

向屏幕阅读器宣布消息。

此包已弃用。

功能

在 `aria-live` 容器中镜像视觉警报内容，以实现正确的屏幕阅读器支持。

安装

从命令行安装组件。

npm install @radix-ui/react-announce

解剖

导入组件。

import * as Announce from '@radix-ui/react-announce';

export default () => <Announce.Root />;

基本示例

使用 announce 原语。

import * as Announce from '@radix-ui/react-announce';

export default () => <Announce.Root>Welcome to Radix.</Announce.Root>;

API 参考

根

包含要宣布的内容。

道具	类型	默认值
`asChild`	`布尔值`	`false`
`aria-atomic`	`枚举`	没有默认值
`aria-relevant`	`枚举`	没有默认值
`区域标识符`	`字符串`	没有默认值
`角色`	`枚举`	没有默认值
`类型`	`枚举`	`"礼貌"`

上一个无障碍图标

下一个方向提供者

在 GitHub 上编辑此页面。