2017-10-17 147 views
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

實現<paper-toggle-button>,請不要使用已安裝的標籤功能。相反,創建一個可以獨立定位和設計的獨立標籤。

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