Ist der Papier-Kippschalter kompatibel mit Material Design?

Question

On this page, Material Design scheint angeben Kippschalter Tasten sollten auf der rechten Seite des Etiketts platziert werden.

But on the <paper-toggle-button> page of WebComponents.org, die einzig verfügbare Option erscheint den Kippschalter Taste auf der linken Seite des Etiketts zu platzieren.

Und keine der Styling-Optionen scheinen dieses Problem zu beheben.

Ist das eine grundlegende Inkompatibilität mit MD oder fehlt mir etwas? Was ist in jedem Fall die empfohlene empfohlene Vorgehensweise zur Einhaltung der MD-Spezifikation?

Edit:

Here is an open issue on Github.

And here is an open PR.

So offenbar ein Update ist im Gange. Ich muss nur wissen, was "Best Practice" in der Zwischenzeit ist?

Answer 1

Um Materialize<paper-toggle-button>, verwenden Sie nicht die installierte Label-Funktion. Erstellen Sie stattdessen ein separates Label, das unabhängig positioniert und formatiert werden kann.

<div class="start"> 
    Auto-rotate screen 
</div> 
<div class="end"> 
    <paper-toggle-button checked="{{autoRotateScreen}}"></paper-toggle-button> 
</div>