Table with selection samples: Announce selection output when it appea…

…rs or changes (#7256)
public-ui · Jan 29, 2025 · 03a494c · 03a494c
2 parents 0a70705 + bd8c95c
commit 03a494c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/samples/react/src/components/table/stateful-with-selection.tsx b/packages/samples/react/src/components/table/stateful-with-selection.tsx
@@ -94,7 +94,9 @@ export const TableStatefulWithSelection: FC = () => {
 							},
 						}}
 					></KolButton>
-					<pre className="text-base">{JSON.stringify(selectedValue, null, 2)}</pre>
+					<pre className="text-base" aria-live="polite">
+						{JSON.stringify(selectedValue, null, 2)}
+					</pre>
 				</div>
 			</section>
 		</>

diff --git a/packages/samples/react/src/components/table/stateful-with-single-selection.tsx b/packages/samples/react/src/components/table/stateful-with-single-selection.tsx
@@ -96,7 +96,9 @@ export const TableStatefulWithSingleSelection: FC = () => {
 							},
 						}}
 					></KolButton>
-					<pre className="text-base">{JSON.stringify(selectedValue, null, 2)}</pre>
+					<pre className="text-base" aria-live="polite">
+						{JSON.stringify(selectedValue, null, 2)}
+					</pre>
 				</div>
 			</section>
 		</>