Radix ホームページ

Radix ホームページ

テーマテーマプリミティブプリミティブアイコンアイコンカラーカラー

ドキュメントケーススタディブログ

概要

アクセシビリティ

ガイド

スタイリング

アニメーション

コンポジション

サーバーサイドレンダリング

コンポーネント

（コンポーネント一覧：各コンポーネント名を日本語に翻訳）例：

アコーディオン

...（以下同様）

ユーティリティ

（ユーティリティ一覧：各ユーティリティ名を日本語に翻訳）例：

アクセシブルアイコン

アナウンス

非推奨...（以下同様）

アナウンス

スクリーンリーダーにメッセージをアナウンスします。

このパッケージは非推奨となりました。

機能

スクリーンリーダーの適切なサポートのために、視覚的なアラートコンテンツを `aria-live` コンテナに反映します。

インストール

コマンドラインからコンポーネントをインストールします。

npm install @radix-ui/react-announce

構成

コンポーネントをインポートします。

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

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

基本的な例

アナウンスプリミティブを使用します。

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

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

APIリファレンス

ルート

アナウンスするコンテンツが含まれています。

プロパティ	型	デフォルト
`asChild`	`真偽値`	`偽`
`aria-atomic`	`列挙型`	デフォルト値なし
`aria-relevant`	`列挙型`	デフォルト値なし
`regionIdentifier`	`文字列`	デフォルト値なし
`role`	`列挙型`	デフォルト値なし
`type`	`列挙型`	`"polite"`

前へアクセシブルアイコン

次へ方向プロバイダー

GitHub でこのページを編集する