mirror of
https://github.com/dataarts/dat.gui.git
synced 2024-12-12 04:08:27 +00:00
37 lines
797 B
HTML
37 lines
797 B
HTML
<link rel="import" href="../dat-gui-base/dat-gui-base.html">
|
|
|
|
<script src="dat-gui-option.js"></script>
|
|
|
|
<polymer-element name="dat-gui-option" extends="dat-gui-base" attributes="options key">
|
|
|
|
<template>
|
|
|
|
<link rel="stylesheet" href="dat-gui-option.css">
|
|
|
|
<div id="container" horizontal layout center>
|
|
|
|
<div class="key">
|
|
|
|
<svg viewBox="0 0 10 24">
|
|
<polygon points="0,9.5 5,0.9 10,9.5 "></polygon>
|
|
<polygon points="10,16.75 5,24.7 0,16.75 "></polygon>
|
|
</svg>
|
|
|
|
<span>{{ key }}</span>
|
|
|
|
</div>
|
|
|
|
<select value="{{ key }}" on-change="{{ change }}">
|
|
|
|
<template repeat="{{ name in options | keys }}">
|
|
<option value="{{ name }}">{{ name }}</option>
|
|
</template>
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</polymer-element> |