From e90f79ca9d6203dbeac6d8f090e9948b1c7f27b9 Mon Sep 17 00:00:00 2001
From: JulianSelman <julians@microsoft.com>
Date: Sun, 20 Apr 2025 17:52:59 -0700
Subject: [PATCH] feat: Add isFocusable to ToastOptions

---
 src/components/Toast.tsx | 5 +++--
 src/types.ts             | 6 ++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Toast.tsx b/src/components/Toast.tsx
index b2c5b812..2e836580 100644
--- a/src/components/Toast.tsx
+++ b/src/components/Toast.tsx
@@ -33,7 +33,8 @@ export const Toast: React.FC<ToastProps> = props => {
     isLoading,
     closeOnClick,
     theme,
-    ariaLabel
+    ariaLabel,
+    isFocusable
   } = props;
   const defaultClassName = cx(
     `${Default.CSS_NAMESPACE}__toast`,
@@ -81,7 +82,7 @@ export const Toast: React.FC<ToastProps> = props => {
     >
       <div
         id={toastId as string}
-        tabIndex={0}
+        tabIndex={isFocusable !== false ? 0 : -1}
         onClick={onClick}
         data-in={isIn}
         className={cssClasses}
diff --git a/src/types.ts b/src/types.ts
index 72109537..336aefd5 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -221,6 +221,12 @@ export interface ToastOptions<Data = unknown> extends CommonOptions {
   delay?: number;
 
   isLoading?: boolean;
+
+  /**
+   * If true, the toast will be focusable.
+   * Default: true
+   */
+  isFocusable?: boolean;
 }
 
 export interface UpdateOptions<T = unknown> extends Nullable<ToastOptions<T>> {