1

On this page、Material Designは、ラベルの右側にトグルスイッチボタンを配置するように指定されているようです。用紙トグルボタンはマテリアルデザインに準拠していますか?

enter image description here

enter image description here

But on the <paper-toggle-button> page of WebComponents.org、唯一の選択肢は、ラベルの左側にあるトグルスイッチのボタンを配置して表示されます。

enter image description here

とスタイリングの選択肢のどれもこの問題に対処するように見えます。

これはMDとの基本的な非互換性ですか、何か不足していますか?いずれにしても、MD仕様に準拠するために推奨されるベストプラクティスは何ですか?

編集:

Here is an open issue on Github.

And here is an open PR.

だから明らかに修正が進行中です。その間に「ベストプラクティス」が何であるかを知るだけでいいですか?

答えて

1

Materialize<paper-toggle-button>は、インストールされたラベル機能を使用しないでください。代わりに、独立して配置しスタイルを設定できる別のラベルを作成します。

<div class="start"> 
    Auto-rotate screen 
</div> 
<div class="end"> 
    <paper-toggle-button checked="{{autoRotateScreen}}"></paper-toggle-button> 
</div> 
関連する問題