2017-10-17 268 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>