diff --git a/packages/core/src/components/action-sheet/action-sheet.tsx b/packages/core/src/components/action-sheet/action-sheet.tsx
index 0f3eaccc68..481632ebf9 100644
--- a/packages/core/src/components/action-sheet/action-sheet.tsx
+++ b/packages/core/src/components/action-sheet/action-sheet.tsx
@@ -265,7 +265,7 @@ export interface ActionSheetOptions {
 
 export interface ActionSheetButton {
   text?: string;
-  role?: string;
+  role?: 'cancel' | 'destructive' | 'selected';
   icon?: string;
   cssClass?: string;
   handler?: () => boolean | void;
diff --git a/packages/core/src/components/action-sheet/test/basic/index.html b/packages/core/src/components/action-sheet/test/basic/index.html
index 3052c99b58..826d1e33f1 100644
--- a/packages/core/src/components/action-sheet/test/basic/index.html
+++ b/packages/core/src/components/action-sheet/test/basic/index.html
@@ -300,6 +300,7 @@
         buttons: [
           {
             text: 'Test',
+            role: 'test',
             cssClass: 'my-cancel-button, my-custom-button customClass',
             handler: () => {
               console.log('Cancel clicked');