{"_id":"node-red-contrib-ui-button_state","_rev":"6-27e071952fd40475112f94a7a6dae362","name":"node-red-contrib-ui-button_state","dist-tags":{"latest":"0.2.2"},"versions":{"0.1.0":{"name":"node-red-contrib-ui-button_state","version":"0.1.0","description":"Node-RED UI widget that allows selection of a state with a group of buttons","author":{"name":"Hayden Donald"},"license":"Apache","main":"button_state.js","node-red":{"nodes":{"ui_button_state":"button_state.js"}},"repository":{"type":"git","url":"git+https://github.com/haydendonald/node-red-contrib-ui-button_state.git"},"keywords":["ui","button","state","selection","nodered","node","red"],"gitHead":"df6f4550a45be06b6052957402da5210b36acd9a","bugs":{"url":"https://github.com/haydendonald/node-red-contrib-ui-button_state/issues"},"homepage":"https://github.com/haydendonald/node-red-contrib-ui-button_state#readme","_id":"node-red-contrib-ui-button_state@0.1.0","_nodeVersion":"14.16.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-Glh2+gy9lVMhq9WLsInB8kig2dWDnFAsvsDsoSp/au0pPI+1dBSbLq7b6zD4P1GYBuPhm2wcfp39psv+5S/KCQ==","shasum":"b011ce5938c6dd159051fb45fb78d09809fda954","tarball":"https://registry.npmjs.org/node-red-contrib-ui-button_state/-/node-red-contrib-ui-button_state-0.1.0.tgz","fileCount":8,"unpackedSize":40930,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlwRECRA9TVsSAnZWagAAFBAQAKHrldd92ZOC1SP67nN6\nkdUXFI1ZjDmdC7UiW9s1ePPP86Xm3rAJARcHLfGBclAbM/cIlwTGx0KDsRmM\n+9Jl4wvG4pbcANQUhT6k0a0Xw/TBKWfiDIByWCkDR6GiHJMgk0LFzspnT0RT\n2uBgNvJ6U6VdagoWx6/JvTuFM6CYXTXf8Tk21XnlczvpytmwkLvavFEvy7E5\nAWS0ZceidDnoD7LUu/sQnadU7d0Kxq95SDp7SXFofzYFNgLnSPuUy17LUlfG\n8w0+FTC5whUvYSERsy2KdjHZgVIPN9U5LcSMx52gy0paFgURJK5s4bv5vDj5\nY1hAnKYSmiTTVooFyUijv2lvwRev+Dy3QobkmIbzC+xmvob8fO+GEn/Htp5K\n+90KoJNiZXsrhr2rVuywznW2i0TYuX+ew0dIRiMxXS5P+jKNEDibLbvGmqy7\ni1VP0AapQKotFkOaCUk4tIbrEd6opz1LNOrFO346OlSaLUwNBelAtajmJQqU\n5Se8PHn8zbY2INOM/hGn6f87lD0n56hHt5QIOXiwUTIJaXjW3NzdcQfmwF72\n72gW4qjwMceDzvQ7F1WQGqEV0bQc3zorsRxX+7AwatI0IV35vt4eKKOtvI8T\nzzjE6uzVu0SV6/al5x3sJZ36R/iExmcmFixqr75eU3qtRVecS3tK40Bj3as5\nV52l\r\n=rTyd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFUJmyiBTdL1hDOZNq0s0Tr6yomWotjFCJmVozoW5JddAiEA0hkwpX4bFPO2la+TAk2VSlWp8lmsDq2JaA/zL2bg+bw="}]},"_npmUser":{"name":"haydendonald","email":"haydendonald@gmail.com"},"directories":{},"maintainers":[{"name":"haydendonald","email":"haydendonald@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/node-red-contrib-ui-button_state_0.1.0_1637286980420_0.6484391038695252"},"_hasShrinkwrap":false},"0.1.1":{"name":"node-red-contrib-ui-button_state","version":"0.1.1","description":"Node-RED UI widget that allows selection of a state with a group of buttons","author":{"name":"Hayden Donald"},"license":"Apache","main":"button_state.js","node-red":{"nodes":{"ui_button_state":"button_state.js"}},"repository":{"type":"git","url":"git+https://github.com/haydendonald/node-red-contrib-ui-button_state.git"},"keywords":["ui","button","state","selection","nodered","node","red","node-red"],"gitHead":"df6f4550a45be06b6052957402da5210b36acd9a","bugs":{"url":"https://github.com/haydendonald/node-red-contrib-ui-button_state/issues"},"homepage":"https://github.com/haydendonald/node-red-contrib-ui-button_state#readme","_id":"node-red-contrib-ui-button_state@0.1.1","_nodeVersion":"14.16.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-ca+O4nzSrMGVavkWVY6llA2FB1tM5yD48vutviqt7kHXdGIK4jF11dWFyTNF2/32SPs+fdX/759a3jiYowfUuA==","shasum":"120c25398c00caa9c9eb0e104d66f8dbfea95cc4","tarball":"https://registry.npmjs.org/node-red-contrib-ui-button_state/-/node-red-contrib-ui-button_state-0.1.1.tgz","fileCount":8,"unpackedSize":40950,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgQJxKF02uHDOhH7RNL+37xkIN5SlCFPN9Ua5Uta0r9wIhAImyfEuX8Ktm4BOtsbdnXM1KDwraZwLZ22ELUKGezwIz"}]},"_npmUser":{"name":"haydendonald","email":"haydendonald@gmail.com"},"directories":{},"maintainers":[{"name":"haydendonald","email":"haydendonald@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/node-red-contrib-ui-button_state_0.1.1_1637287176442_0.03135905508370551"},"_hasShrinkwrap":false},"0.1.2":{"name":"node-red-contrib-ui-button_state","version":"0.1.2","description":"Node-RED UI widget that allows selection of a state with a group of buttons","author":{"name":"Hayden Donald"},"license":"Apache","main":"button_state.js","node-red":{"nodes":{"ui_button_state":"button_state.js"}},"repository":{"type":"git","url":"git+https://github.com/haydendonald/node-red-contrib-ui-button_state.git"},"keywords":["ui","button","state","selection","nodered","node","red","node-red"],"gitHead":"400c78beb3e37aec183f6e92116019b64d1a96d2","bugs":{"url":"https://github.com/haydendonald/node-red-contrib-ui-button_state/issues"},"homepage":"https://github.com/haydendonald/node-red-contrib-ui-button_state#readme","_id":"node-red-contrib-ui-button_state@0.1.2","_nodeVersion":"14.16.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-ZShRZjl9Yfx0LcCeEr02d4AhzMZpSxznAegiOXcTXy/gd3ri0qfZ1Ltadsg7qSYCr+U+daIFf5Nkstt+9nuCbw==","shasum":"436707bd2a1dee8e4274e57224a69473325ff076","tarball":"https://registry.npmjs.org/node-red-contrib-ui-button_state/-/node-red-contrib-ui-button_state-0.1.2.tgz","fileCount":8,"unpackedSize":41173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlxgZCRA9TVsSAnZWagAAtoMP/0VpP32TfUIfUuKFgbAC\nPVuwIxDvOMDD3It2s1BZD49xAtX1Kmq/4J3L0xrt3Ac9smW0F7A0i0uil0hQ\nIONXNbGwVDCor7rtKgBOS5bKIHL22wsFncp3jVyfV2Kvr8jI/neYfUpwwnys\nDrK83PXAhjtmXDQtaOuwr2/9h4U6U9iIgCpObjisepZd/QMVMfSVLJqL5stC\nd/7Q0JqGJWhXtbJbHgldoyoHBGO0+/eOafS3NaYv9DqToxDAV7tWrP884Suq\n/vGb1XnypL7krXjS4JZtjFHhC3lmL9iVtdHW1NkGyfZK6lbhYRwctAZtwy5j\ndsXfoOn+UxH8vd1Bq8Aw1xuG+MrtbH1bqjkIMb88V7Zgpli8toTYYHFLVF54\n/OnRkmkZ+IHQER40JTDiB6iqVQVUT+sbVzT8Ar4lajA8FBh/Pm30iBASY/Fr\nUd9U5d8wcR7FXt8xgNCYvDwjHKohhSn4h6AsceqyqGudnzhPHC7jdlJH/3L7\nINElhuB6r6IkAhOvvP3QBxmfh+z/OXjGUFBQK9NspDlukksuaiaePCQmQ3ms\nfsGBHA4Q4VW8i3YhiqIQCsG+DXY/fFstBP0+pqD8xT+oBNOIQU8B0SPY0MKf\nBhjB2+X7tXKA0saiP7mv3GmKKcHkra8VX0GVoSIJTYhzgNRGKDwiYJf6h/KV\niqyA\r\n=wlkk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHDDdqRSpwr1WeS6+H6lCgG/qkIl8TLOjKJu5BirH6AHAiEAss/hRwCd8x4BTHhW0MdkmM51zYm6dhcD/DhAcagIeis="}]},"_npmUser":{"name":"haydendonald","email":"haydendonald@gmail.com"},"directories":{},"maintainers":[{"name":"haydendonald","email":"haydendonald@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/node-red-contrib-ui-button_state_0.1.2_1637292057796_0.7632311868258519"},"_hasShrinkwrap":false},"0.2.0":{"name":"node-red-contrib-ui-button_state","version":"0.2.0","description":"Node-RED UI widget that allows selection of a state with a group of buttons","author":{"name":"Hayden Donald"},"license":"Apache","main":"button_state.js","node-red":{"nodes":{"ui_button_state":"button_state.js"}},"repository":{"type":"git","url":"git+https://github.com/haydendonald/node-red-contrib-ui-button_state.git"},"keywords":["ui","button","state","selection","nodered","node","red","node-red"],"gitHead":"fa9220ff83de1e89219fad109db063d2b7ab3fd2","bugs":{"url":"https://github.com/haydendonald/node-red-contrib-ui-button_state/issues"},"homepage":"https://github.com/haydendonald/node-red-contrib-ui-button_state#readme","_id":"node-red-contrib-ui-button_state@0.2.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-AkiaVawiUOUyaRshca7qvzKaKFHSmN0wQA8Jnh8vpy8vqw751uYb3OaPv2QMBYIsw0csCz6Oa0js54I8mrur5g==","shasum":"af7f480f9f59c874bd7a7b9ad305158ef221d0f9","tarball":"https://registry.npmjs.org/node-red-contrib-ui-button_state/-/node-red-contrib-ui-button_state-0.2.0.tgz","fileCount":10,"unpackedSize":62598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm2jGCRA9TVsSAnZWagAAaGAP/2ZKG/6pDDlSgt6UamAN\n8OkJ7IrXMvGEqMSR4s57VzqaAiI2FtndtSzuhfbLtwI2g/MD7bfngcEHR5aT\nh8oke4VY2NVLDFf6U89GA4G4cg9061GB8M54j9OwIPDRjDI8ZC5JWgqZbTnK\nJCHmLrcIb62AZNR5oPPiUa2gYPoyXdgxDDkCx5WAmexxxAi9YlESVwvkvkPJ\n/y6ph2BgI1fHD1MtoTuE8RJYBC1yA7l1Ytmqm4rtu9SqATODADIqkAVvJxoe\ncvATQxWixCRWh7x+pEBXF/aR8Z0XR1bAg/2CKuk4v1uGsV+0p+EqS2A9x6vv\njIOI0JUCf/12Lr7AXju9+RBhmBARpVCrzLKEeFQ206oStcvM3jfDKJDGriTo\nMvGNbaMaxKXeV+RgV13y8i2J5t5gPFvlSqcGW96zU0+ACwXnzH6sEboV5Oi6\n1+Yxgdxg4CBmxEnRZrSJPeZVckdkcgl7ltD2M+cy53CJNz8c442qSyU8Hy9w\n0e+EV/Wf103yg6cOXzZEds3AYR0ekGEFZmtWrexOk/+4hkw3ushjC9/XVAZ5\nR3oBabLthMkpP4pc1n2ZaY0lUP4lSc/WiFL6/0Q7Dh5lc77EmA6v9yU1Qh0E\nuET9nQOwCWQ6ca+cnFCML9oYl6SDLThBCbUhYCongc/F1fbkqu0hHN+aj/V2\nzQvj\r\n=F5iZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDB8h9e2P8yffbhxBJakfgajVJ/JM5AR5aNTTT1hxM5XwIhAL+TbLtlW9Li700mfFiNZZSQBAnYy5TwHhbY26EuYnP2"}]},"_npmUser":{"name":"haydendonald","email":"haydendonald@gmail.com"},"directories":{},"maintainers":[{"name":"haydendonald","email":"haydendonald@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/node-red-contrib-ui-button_state_0.2.0_1637574853980_0.9735004318100648"},"_hasShrinkwrap":false},"0.2.1":{"name":"node-red-contrib-ui-button_state","version":"0.2.1","description":"Node-RED UI widget that allows selection of a state with a group of buttons","author":{"name":"Hayden Donald"},"license":"Apache","main":"button_state.js","node-red":{"nodes":{"ui_button_state":"button_state.js"}},"repository":{"type":"git","url":"git+https://github.com/haydendonald/node-red-contrib-ui-button_state.git"},"keywords":["ui","button","state","selection","nodered","node","red","node-red"],"gitHead":"c14547eb91e0ce5b518b869318c7175ef60fd72c","bugs":{"url":"https://github.com/haydendonald/node-red-contrib-ui-button_state/issues"},"homepage":"https://github.com/haydendonald/node-red-contrib-ui-button_state#readme","_id":"node-red-contrib-ui-button_state@0.2.1","_nodeVersion":"14.16.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-BnI/m9AEUtfFL17Nv9+8REPZFKxjBcjVcK6EgKpWgKDVGwq1qwoEoVaE2G690pMArpjdD8aFUapSlYC5AOuF7w==","shasum":"59b7cc1f145617f6629aa6c5750bc4ea232ac71c","tarball":"https://registry.npmjs.org/node-red-contrib-ui-button_state/-/node-red-contrib-ui-button_state-0.2.1.tgz","fileCount":10,"unpackedSize":62603,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnWtJCRA9TVsSAnZWagAA0EEP/3qeMwgHdUDgx8bMK81p\nBea3JlqIGl7q3MgZ30AdLgnTqzEqdt/++berAgK3ZvIQczdc3Wwlbjq2WxKo\nRaNdte0bmyxbdQSakUxh4y2J1FJrN+5aNZzdZ6gQtrkz3O3G07OgFOpUK8Ip\ncuXVZHaD+o5+LBLzwHAd/aEKPzND9N6P0FrBbMdvKvQDTcfHh2tBQCFhFsnD\nDfhKDO6DoCCjMVsFtmki0VKQ9N0eDf7/1ICVxlTeMXocvyMu5TVP1WMLQQC9\n/6Alld0PrFeemUOlqr3lXq5KAHqC16CVqjgNBFrzcX61mAsF6xJk4rXEvjom\nQMhKA4alQrdr8Wx9T2av/uHBxksddAlmGxS/Hzj81+TmPphOYQGEAJelOtPE\nv8teKURlU2D1p0280NI6XEwIwzL4zJWDpaYavL3oQpT+OsupVpJTUvX0lLsB\nEW8IVxlP7z2/GAqr+yzwFa4VS0zjBMg5kjXkbtZnCIGNEYcovCWUulF8mTt4\nJv9T9+rc/fx3OUhXnvctbw8Z5H3TcrdW09jApGaI3Z5yoh11S/gAxSpqfks0\nI5K3ij8eQM6IKDh71e3Q+VawUrm4gl0130dJgS44zjf2jJHf3r6k2pF0WKCZ\nzOCGTTGiVLyUT2EpD5UxbhlSbBfqzyVsQ/3LRScxH14U3k4JWn0Gp6XYts3r\nqG4W\r\n=9TPL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICWdsO+MBYHPfLu0BSEz5wHEmIXGGwm28iZcu1a52mUuAiBUswj8/xC/k5QPpKjsgK1HYqfWHAQjirBQK0ee7tZC9A=="}]},"_npmUser":{"name":"haydendonald","email":"haydendonald@gmail.com"},"directories":{},"maintainers":[{"name":"haydendonald","email":"haydendonald@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/node-red-contrib-ui-button_state_0.2.1_1637706569665_0.40024359557754474"},"_hasShrinkwrap":false},"0.2.2":{"name":"node-red-contrib-ui-button_state","version":"0.2.2","description":"Node-RED UI widget that allows selection of a state with a group of buttons","author":{"name":"Hayden Donald"},"license":"Apache","main":"button_state.js","node-red":{"nodes":{"ui_button_state":"button_state.js"}},"repository":{"type":"git","url":"git+https://github.com/haydendonald/node-red-contrib-ui-button_state.git"},"keywords":["ui","button","state","selection","nodered","node","red","node-red"],"gitHead":"8f040e4d17ddd261216e6182985350538d510c8a","bugs":{"url":"https://github.com/haydendonald/node-red-contrib-ui-button_state/issues"},"homepage":"https://github.com/haydendonald/node-red-contrib-ui-button_state#readme","_id":"node-red-contrib-ui-button_state@0.2.2","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-SwsJUbPZL6ewbQb8mjv79rUaokDSVwgyCrDcWq77HzzjI6O6crrIRtt1/a4jfO5Cw9GdH0XU7gNdrsMDpZrwug==","shasum":"e554dd2616837fc3155590ca250b96c2ee33b6bb","tarball":"https://registry.npmjs.org/node-red-contrib-ui-button_state/-/node-red-contrib-ui-button_state-0.2.2.tgz","fileCount":10,"unpackedSize":62465,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhng42CRA9TVsSAnZWagAAGgcQAIJwT8jHZaYRR2Z04Jd2\nOvn2v35XMuOM1hF4ZCRAAY6tx9rrlIw7pVe83H4rbAd62oZWUsDmvv5SBWjg\n+K51j8LRWa4NexKY3Ij5AC76l0R5+oBRz//S5ZgJGOcvnOv5cncuQLhL3IWj\nC38Tfb/SosHnx2P4cl6Vee3RZ5EGhvNNcl6kc57DZhqde9QrCPPWhX48KSVl\ntRWk+t6MkPPMyszqO3gvAd08SAdb9QK7F02xpbpDXQW+tOY4kRUq+qjDfDVO\nJK3p65l/P16ldCLXAQKT5J6evgJPPMFtBh+P1Nl4+1OnsesypGbb7fd1RNBR\nY89xXmkroPgeuwuGJ91yYbMWTq3+SzL+QaSYAn1VUEZ2xZMWysfw/MLPV9uA\nQS2urH2u40347shF48JAJz65nCLBYpN01NW7sS5RDNOBw4rBbs5JraIKJEHX\nUT8sCsnyVH545o3epg5zDuLZEppGXkIZwhrCVvEZTP2rbFvveUfLAbUbAADt\n38kGvM+furth3hKFMi2CEVGnlfiQeBn8Hqu+q/VjvEH+tKdo1YWLEKWasaQj\nEr0q/MvQIIdcZBCJ+ESKRT2aR9bXsNV+dkkBWlqPO+evXAoKa9E23GGToylO\nmW3f0L/EbSzs/SiQ5meFyBqzrc8R3kWAzckMjAqxn7c/6v3CmbdcxmutcXZ/\nSe6q\r\n=L5w6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1YivJOdsSwMVaWwBD4E93Rjj3NaDTpfL/ppDSAWyUUgIgQBXUrPrTdP9apm5qN59TDOA+ss03tE0jb+51IYRUZHg="}]},"_npmUser":{"name":"haydendonald","email":"haydendonald@gmail.com"},"directories":{},"maintainers":[{"name":"haydendonald","email":"haydendonald@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/node-red-contrib-ui-button_state_0.2.2_1637748278803_0.44915785012477727"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-19T01:56:20.419Z","0.1.0":"2021-11-19T01:56:20.571Z","modified":"2022-05-11T04:10:55.370Z","0.1.1":"2021-11-19T01:59:36.643Z","0.1.2":"2021-11-19T03:20:57.980Z","0.2.0":"2021-11-22T09:54:14.138Z","0.2.1":"2021-11-23T22:29:29.836Z","0.2.2":"2021-11-24T10:04:38.978Z"},"maintainers":[{"name":"haydendonald","email":"haydendonald@gmail.com"}],"description":"Node-RED UI widget that allows selection of a state with a group of buttons","homepage":"https://github.com/haydendonald/node-red-contrib-ui-button_state#readme","keywords":["ui","button","state","selection","nodered","node","red","node-red"],"repository":{"type":"git","url":"git+https://github.com/haydendonald/node-red-contrib-ui-button_state.git"},"author":{"name":"Hayden Donald"},"bugs":{"url":"https://github.com/haydendonald/node-red-contrib-ui-button_state/issues"},"license":"Apache","readme":"# Button State UI Widget for the NodeRed Dashboard\r\nThis is a simple widget for the NodeRed dashboard that displays many buttons that can be clicked to set a value, this value is then shown on the button's background color.\r\n\r\n## Example interface\r\n![Example](./img/example.png)\r\n\r\n# Sending to input\r\nBelow is an example for setting the state on the widget\r\n```\r\n{\r\n    \"payload\": \"value\"\r\n}\r\n```\r\n\r\n# Output from the node\r\nBelow is an example of what will be output by the node (on the top output) when a button is clicked\r\n```\r\n{\r\n    \"payload\": \"value\"\r\n}\r\n```\r\n\r\nThe node will also \"request\" an update on the bottom output with the following\r\n```\r\n{\r\n    \"payload\": \"current known value\" //This will be \"\" when first deployed\r\n}\r\n```\r\nIt is expected that the node will be told it's value on the input when it requests this\r\n\r\n\r\n# Example (Using colors) \r\n![Example](./img/example1.png)\r\n```\r\n[{\"id\":\"748117d.6a8a4e8\",\"type\":\"ui_button_state\",\"z\":\"1c5d828.a47687e\",\"group\":\"fb4ca7c3.864058\",\"name\":\"Example\",\"order\":0,\"onColor\":\"\",\"offColor\":\"\",\"width\":\"6\",\"height\":\"2\",\"options\":[{\"label\":\"Option 0\",\"value\":\"option_0\",\"onColor\":\"#99ff99\",\"offColor\":\"#ff3333\"},{\"label\":\"Option 1\",\"value\":\"option_1\",\"onColor\":\"#99ff99\",\"offColor\":\"#ff3333\"},{\"label\":\"Option 2\",\"value\":\"option_2\",\"onColor\":\"#99ff99\",\"offColor\":\"#ff3333\"},{\"label\":\"Option 3\",\"value\":\"option_3\",\"onColor\":\"#99ff99\",\"offColor\":\"#ff3333\"}],\"x\":540,\"y\":260,\"wires\":[[\"5474af6.bc2735\",\"dbaff572.416f78\"],[\"478f72be.78290c\"]]},{\"id\":\"5474af6.bc2735\",\"type\":\"function\",\"z\":\"1c5d828.a47687e\",\"name\":\"Pass\",\"func\":\"return msg;\",\"outputs\":1,\"noerr\":0,\"initialize\":\"\",\"finalize\":\"\",\"x\":550,\"y\":180,\"wires\":[[\"748117d.6a8a4e8\"]]},{\"id\":\"dbaff572.416f78\",\"type\":\"debug\",\"z\":\"1c5d828.a47687e\",\"name\":\"\",\"active\":true,\"tosidebar\":true,\"console\":false,\"tostatus\":false,\"complete\":\"true\",\"targetType\":\"full\",\"statusVal\":\"\",\"statusType\":\"auto\",\"x\":730,\"y\":260,\"wires\":[]},{\"id\":\"478f72be.78290c\",\"type\":\"function\",\"z\":\"1c5d828.a47687e\",\"name\":\"Default\",\"func\":\"return {\\n    \\\"payload\\\": \\\"option_3\\\"\\n}\",\"outputs\":1,\"noerr\":0,\"initialize\":\"\",\"finalize\":\"\",\"x\":540,\"y\":340,\"wires\":[[\"748117d.6a8a4e8\"]]},{\"id\":\"fb4ca7c3.864058\",\"type\":\"ui_group\",\"name\":\"Default\",\"tab\":\"64be35cd.7831bc\",\"order\":1,\"disp\":true,\"width\":\"6\",\"collapse\":false,\"className\":\"\"},{\"id\":\"64be35cd.7831bc\",\"type\":\"ui_tab\",\"name\":\"Home\",\"icon\":\"dashboard\",\"disabled\":false,\"hidden\":false}]\r\n```\r\n\r\n# Example (Using classes) \r\n![Example](./img/example2.png)\r\n```\r\n[{\"id\":\"5474af6.bc2735\",\"type\":\"function\",\"z\":\"1c5d828.a47687e\",\"name\":\"Pass\",\"func\":\"return msg;\",\"outputs\":1,\"noerr\":0,\"initialize\":\"\",\"finalize\":\"\",\"x\":550,\"y\":180,\"wires\":[[\"68f74b7d.7e4864\"]]},{\"id\":\"dbaff572.416f78\",\"type\":\"debug\",\"z\":\"1c5d828.a47687e\",\"name\":\"\",\"active\":true,\"tosidebar\":true,\"console\":false,\"tostatus\":false,\"complete\":\"true\",\"targetType\":\"full\",\"statusVal\":\"\",\"statusType\":\"auto\",\"x\":730,\"y\":260,\"wires\":[]},{\"id\":\"478f72be.78290c\",\"type\":\"function\",\"z\":\"1c5d828.a47687e\",\"name\":\"Default\",\"func\":\"return {\\n    \\\"payload\\\": \\\"option_3\\\"\\n}\",\"outputs\":1,\"noerr\":0,\"initialize\":\"\",\"finalize\":\"\",\"x\":540,\"y\":340,\"wires\":[[\"68f74b7d.7e4864\"]]},{\"id\":\"68f74b7d.7e4864\",\"type\":\"ui_button_state\",\"z\":\"1c5d828.a47687e\",\"group\":\"fb4ca7c3.864058\",\"name\":\"\",\"order\":1,\"onClass\":\"onColor\",\"offClass\":\"offColor\",\"width\":\"6\",\"height\":\"2\",\"options\":[{\"label\":\"Option 0\",\"value\":\"option_0\",\"onColor\":\"#99ff99\",\"offColor\":\"#ff3333\"},{\"label\":\"Option 1\",\"value\":\"option_1\",\"onColor\":\"#99ff99\",\"offColor\":\"#ff3333\"},{\"label\":\"Option 2\",\"value\":\"option_2\",\"onColor\":\"#99ff99\",\"offColor\":\"#ff3333\"},{\"label\":\"Option 3\",\"value\":\"option_3\",\"onColor\":\"#99ff99\",\"offColor\":\"#ff3333\"}],\"x\":550,\"y\":260,\"wires\":[[\"5474af6.bc2735\",\"dbaff572.416f78\"],[\"478f72be.78290c\"]]},{\"id\":\"85965edc.72971\",\"type\":\"ui_template\",\"z\":\"1c5d828.a47687e\",\"group\":\"2a745e6b.07df92\",\"name\":\"Add Styling\",\"order\":2,\"width\":0,\"height\":0,\"format\":\"<div>\\n    <style>\\n        .offColor {\\n            color: white !important;\\n            background-color: black !important;\\n        }\\n        .onColor {\\n            color: black !important;\\n            background-color: orange !important;\\n        }\\n    </style>\\n</div>\",\"storeOutMessages\":true,\"fwdInMessages\":true,\"resendOnRefresh\":false,\"templateScope\":\"global\",\"className\":\"\",\"x\":550,\"y\":120,\"wires\":[[]],\"icon\":\"node-red-dashboard/ui_colour_picker.png\",\"info\":\"# Modern Dark Theme for node-red-dashboard\\n\\nInspired by Victor Lucachi with his [Node Red Dashboard Concept](https://dribbble.com/shots/10356530-Node-Red-Dashboard-Concept) on Dribbble. Thank you for your work.\\n\\n## Customize\\n\\n1. Go on dashboard customisation tab (At the right of Debug Console).\\n2. Select the style `Dark`.\\n3. Pick the color you want. Example `#66B5F8`\\n\\n## Buttons\\n\\nUse `2x2` size for buttons with icon and text on the screenshot\"},{\"id\":\"fb4ca7c3.864058\",\"type\":\"ui_group\",\"name\":\"Default\",\"tab\":\"64be35cd.7831bc\",\"order\":1,\"disp\":true,\"width\":\"6\",\"collapse\":false,\"className\":\"\"},{\"id\":\"2a745e6b.07df92\",\"type\":\"ui_group\",\"name\":\"Default\",\"tab\":\"e63bce2d.68925\",\"order\":5,\"disp\":true,\"width\":\"6\",\"collapse\":true},{\"id\":\"64be35cd.7831bc\",\"type\":\"ui_tab\",\"name\":\"Home\",\"icon\":\"dashboard\",\"disabled\":false,\"hidden\":false},{\"id\":\"e63bce2d.68925\",\"type\":\"ui_tab\",\"name\":\"Denon\",\"icon\":\"dashboard\",\"order\":2,\"disabled\":false,\"hidden\":false}]\r\n```","readmeFilename":"README.md"}