材料设计selectbox聚合物

Question

我注意到Polymer文档的Paper Elements部分中没有“selectbox”小部件，也没有在Polymer GitHub repos中看到一个小部件。此外，我不记得在材料设计规范中看到关于选择框的外观或行为的具体指导。

那里有提案吗？或者具体计划在材料设计/聚合物纸元素中加入选择框的设计？

我明白你基本上可以从复选框（多个）或单选按钮（单个）获得相同的功能，但从审美的角度来看，根据具体的应用，我觉得有一个好主意可能是个好主意。 'select'可供选择。

Answer 1

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

core-selector

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

core-dropdown

<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 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>