{"library":"pureqml-controls","title":"PureQML Controls","description":"Library of commonly used QML controls for the PureQML QML transpiler. Version 1.2.0 provides components for Canvas, YouTube, Google Charts, native and non-native inputs, mixins, SVG, VK.com, Yandex, and other UI elements. Release cadence is low, as the library is in a maintenance phase. Differentiators include direct integration with PureQML and support for platform-specific components.","language":"javascript","status":"active","last_verified":"Fri May 01","install":{"commands":["npm install pureqml-controls"],"cli":null},"imports":["import \"canvas.qml\"","import \"youtube.qml\"","import \"googlecharts.qml\""],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import QtQuick 2.0\nimport \"canvas.qml\" as Canvas\n\nRectangle {\n    width: 300; height: 200\n    color: \"white\"\n    Canvas.Canvas {\n        anchors.fill: parent\n        onPaint: {\n            var ctx = getContext(\"2d\");\n            ctx.fillStyle = \"red\";\n            ctx.fillRect(10, 10, 100, 100);\n        }\n    }\n}","lang":"javascript","description":"Shows how to use the Canvas component in a QML file with PureQML.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}