polymer - 材料设计选择框聚合物

Question

我注意到 Polymer 文档的 Paper Elements 部分中没有“选择框”小部件，我在 Polymer GitHub 存储库中也没有看到。此外，我不记得在 Material Design 规范中看到任何关于选择框的外观或行为方式的具体指导。

有提议吗？或将选择框设计纳入材料设计/聚合物纸元素的具体计划？

我完全理解您基本上可以从复选框（多）或单选按钮（单）中获得相同的功能，但从美学的角度来看，取决于特定的应用程序，我觉得拥有“选择”可能是个好主意可作为一个选项。

Answer 1

也许其中之一会满足您的需求？

核心选择器

<core-selector selected="0">
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
</core-selector>

核心下拉

<core-dropdown selected="Financier" valueattr="label">
    <core-item label="Croissant"></core-item>
    <core-item label="Donut"></core-item>
    <core-item label="Financier"></core-item>
    <core-item label="Madeleine"></core-item>
</core-dropdown>

Answer 2

您可以使用 paper-dropdown-menu，例如：

<paper-dropdown-menu label="Favorite fruit" name="fruit">
    <paper-dropdown class="dropdown">
      <core-menu class="menu">
        <paper-item>apples</paper-item>
        <paper-item>oranges</paper-item>
        <paper-item>pears</paper-item>
      </core-menu>
    </paper-dropdown>
  </paper-dropdown-menu>