angular / angular/components

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

Offen
#9,739 12 Kommentare 20 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/list feature P5
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### 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:
![image](https://user-images.githubusercontent.com/3942006/35696636-21d3e79a-076f-11e8-80c3-59abdf6d00fd.png)
*(switches are very cute btw)*

Cute sidebar example:
![image](https://user-images.githubusercontent.com/3942006/35740701-c7f2f7d0-081c-11e8-8010-d2dd8838f66a.png)
*(inspired by Twitter's PWA, achieved with slide-toggle, mat-list and `::ng-deep`, that's a lot more than I expect to write)*

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die Komponenten mat-selection-list und slide-toggle sowie die Art und Weise zu überprüfen, wie das aktuelle Checkbox-Verhalten von option-list bereitgestellt wird. Die Arbeit ist abgeschlossen, wenn Optionslisten slide toggles als alternative Darstellung unterstützen und dabei das erwartete Auswahlverhalten beibehalten, mit Abdeckung für die neue Option.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.