[Ionic 2 feature] Overlays (Alert, Popover): cssClass option with support for multiple classes

For a better and more flexible styling of my alert and popover overlays I would like to have the cssClass option supporting multiple classes. That could be in the form of concatenated class names or as an array of class names.

Now the cssClass supportes only one string token, any space character within results in runtime exceptions (InvalidCharacterError).

So cssClass="class-1 class-2" or cssClass=['class-1', 'class-2'] would be ideal.

Platform: Ionic 2 beta.11

Thank you!

[brandyscarney]

Thanks! I have added support for multiple classes to be passed to Popover, Action Sheet, Loading, and Toast components. It was already supported for the Alert and Picker components. I published a nightly version if you would like to test it out:

npm install --save ionic-angular@2.0.0-beta.11-201608092109

[brandyscarney]

You currently can pass multiple classes, like so:

  doAlert() {
    let alert = this.alertCtrl.create({
      title: 'Alert',
      subTitle: 'Subtitle',
      message: 'This is an alert message.',
      buttons: ['OK'],
      cssClass: 'my-alert another-class'
    });

    alert.present();
  }

This should probably be documented better though. How are you currently trying to pass it?