代码之家 › 专栏 › 技术社区 › datashovel

材料设计选择框聚合物

paper-elements material-design polymer

3

datashovel · 技术社区 · 10 年前

我注意到Polymer文档的PaperElements部分没有“selectbox”小部件,在Polymer GitHub repo中也没有看到。此外,我不记得在材料设计规范中看到过关于选择框外观或行为的任何具体指导。

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

我很清楚,从复选框(多个)或单选按钮(单个)基本上可以获得相同的功能,但从美学角度来看,取决于具体应用程序,我觉得将“选择”作为选项可能是一个好主意。

2 回复 | 直到 10 年前

1

Xyz 10 年前

也许其中一个能满足你的需求?

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>

2

0

Travis Reeder 10 年前

您可以使用纸张下拉菜单,例如:

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