Dropdown Control Element Open in Sandbox
Description
This interactive demonstrates the dropdown control element.
Script
/**
* @title Dropdown Control Element
* @description This interactive demonstrates the dropdown control element.
* @tags [elements, input]
*/
import { Interactive, getScriptName } from '../../index.js';
let interactive = new Interactive(getScriptName());
interactive.width = 768;
interactive.height = 500;
interactive.root.style.border = "1px solid grey";
let dropdown = interactive.dropdownControl(20, 60, ["20 px", "50 px", "100 px", "150 px", "200 px"], 0);
let ellipse = interactive.ellipse(400, 250, 100, 100);
ellipse.style.fill = "purple";
ellipse.addDependency(dropdown);
ellipse.update = function () {
ellipse.ry = +(dropdown.getCurrentSelection().split(" ")[0]);
};
ellipse.update();
//# sourceMappingURL=dropdown-control-element.js.map