纸质切换按钮是否符合Material Design?

时间:2017-10-17 20:25:47

标签: polymer material-design toggle polymer-2.x paper-elements

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 个答案:

答案 0 :(得分:1)

实现 <paper-toggle-button>,请勿使用已安装的标签功能。而是创建一个可以独立定位和设置样式的单独标签。

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