feat(@clayui/core): Adds attribute sortAriaLabel on Cell for custom a…

…ria-label on sort button
liferay · Jan 8, 2024 · 686d943 · 686d943
1 parent 4c606b4
commit 686d943
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/clay-core/src/table/Cell.tsx b/packages/clay-core/src/table/Cell.tsx
@@ -55,6 +55,11 @@ type Props = {
 	 */
 	sortable?: boolean;
 
+	/**
+	 * Sets the `aria-label` on the sort button. The default is "Sort Column".
+	 */
+	sortAriaLabel?: string;
+
 	/**
 	 * Aligns horizontally contents inside the Cell.
 	 */
@@ -93,6 +98,7 @@ export const Cell = React.forwardRef<HTMLTableCellElement, Props>(
 			index,
 			keyValue,
 			sortable,
+			sortAriaLabel = 'Sort Column',
 			textAlign,
 			textValue,
 			truncate,
@@ -245,7 +251,7 @@ export const Cell = React.forwardRef<HTMLTableCellElement, Props>(
 						</Layout.ContentCol>
 						<Layout.ContentCol>
 							<button
-								aria-label="Sort Column"
+								aria-label={sortAriaLabel}
 								className="component-action"
 								type="button"
 							>