feat(ion-alert): add shadow parts

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

The ability to override ion-alert globally by using shadow parts.

Describe the Use Case

The ability to override ion-alert globally by using shadow parts.

Describe Preferred Solution

expose parts for native, backdrop, content, header, message and buttons

example for part native:

ion-alert::part(native) {
   .alert-head {
       //some css styling
   }
    .alert-head {
       //some css styling
   }
    .alert-message {
       //some css styling
   }
   .alert-button-group {
       //some css styling
      button {
       //some css styling
       }
   }
}

Describe Alternatives

Currently you have to provide cssClass to every ion-alert.

The following example is not working with all css properties:

ion-alert .alert-wrapper {
   //some css styling
}

Related Code

No response

Additional Information

No response

[DwieDima]

oh my bad, changing the css properties to

border-radius: 5px !important;
  --max-width: 335px;

did the trick.

sorry, I’ll close the ticket!

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.