Skip to content

Instantly share code, notes, and snippets.

@frankiefu
Created November 27, 2013 23:16
Show Gist options
  • Save frankiefu/7684737 to your computer and use it in GitHub Desktop.
Save frankiefu/7684737 to your computer and use it in GitHub Desktop.
<!-- using polymer icon set -->
<polymer-ui-toolbar>
<polymer-ui-icon-button icon="menu"></polymer-ui-icon-button>
<div flex>polymer icon set</div>
<polymer-ui-icon-button icon="trash"></polymer-ui-icon-button>
</polymer-ui-toolbar>
<br><br>
<polymer-ui-menu selected="0">
<polymer-ui-menu-item icon="add" label="Add"></polymer-ui-menu-item>
<polymer-ui-menu-item icon="trash" label="Trash"></polymer-ui-menu-item>
<polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
</polymer-ui-menu>
<br><br>
<!-- register user-defined icon set -->
<polymer-ui-iconset id="my-icons" src="my-icons.png" width="96" iconsize="24"
icons="location place starta stopb bus car train walk">
</polymer-ui-iconset>
<!-- use prefix (e.g. my-icons:location) to use user-defined icon set -->
<polymer-ui-toolbar>
<polymer-ui-icon-button icon="my-icons:location"></polymer-ui-icon-button>
<div flex>user-defined icon set</div>
<polymer-ui-icon-button icon="my-icons:bus"></polymer-ui-icon-button>
<polymer-ui-icon-button icon="my-icons:place"></polymer-ui-icon-button>
<polymer-ui-icon-button icon="trash"></polymer-ui-icon-button>
</polymer-ui-toolbar>
<br><br>
<polymer-ui-menu selected="0">
<polymer-ui-menu-item icon="my-icons:starta" label="Start"></polymer-ui-menu-item>
<polymer-ui-menu-item icon="my-icons:stopb" label="Stop"></polymer-ui-menu-item>
<polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
</polymer-ui-menu>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment