feat(mat-selection-list): add slide toggle as alternative for checkbox

Bug, feature request, or proposal:

feature request

What is the expected behavior?

Option lists can have slide toggles instead of checkboxes, as you can see on Android OS.

What is the current behavior?

Option lists are only for checkboxes and if you want to create something that has the same look but has a slide toggle instead, you will have to implement by yourself.

What is the use-case or motivation for changing an existing behavior?

Its a very common option list format, very used on Android 5~6.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Material 5.1

Is there anything else we should know?

You can find it in Material’s guidelines: (switches are very cute btw)

Cute sidebar example: (inspired by Twitter’s PWA, achieved with slide-toggle, mat-list and ::ng-deep, that’s a lot more than I expect to write)

[devversion]

cc. @jelbourn

This would be actually pretty easy to implement. We could have something like a [indicatorType] input binding that allows deciding which indicator to use (e.g. checkbox, slide-toggle).

It just feels a bit unfortunate, that we would need to have a dependency on the MatSlideToggleModule. We could fix that by either letting the user project the indicator manually, or by having a separate module for the selection list.

[angular-robot[bot]]

Thank you for submitting your feature request! Looks like during the polling process it didn’t collect a sufficient number of votes to move to the next stage.

We want to keep Angular rich and ergonomic and at the same time be mindful about its scope and learning journey. If you think your request could live outside Angular’s scope, we’d encourage you to collaborate with the community on publishing it as an open source package.

You can find more details about the feature request process in our documentation.