feat: Inline Action Sheets should have inline buttons as well #30748
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already include this feature request, without success.
Describe the Feature Request
Current inline action sheet design is a mix between inline and controller style as buttons are still done via a property instead of inline components. This forces consumers to still have to inject things like translation services for button description translation, etc.
Describe the Use Case
When moving to inline components for dialogs etc. it would be great if the important part of the action sheet, namely its buttons were inline as well. This would allow us to use translation pipes, click directives for tracking etc. the same as we are doing it for all other buttons in an app.
Describe Preferred Solution
Introduce action sheet button components for inline action sheet instead of using controller variable
<ion-action-sheet trigger="open-action-sheet" header="Actions">
<ion-action-sheet-button role="delete">{{'action.delete' | translate}}</ion-action-sheet-button>
<ion-action-sheet-button role="cancel">{{'action.cancel' | translate}}</ion-action-sheet-button>
</ion-action-sheet>
Describe Alternatives
No response
Related Code
No response
Additional Information
No response