{"_id":"@beisen/storybook-addon-knobs","_rev":"13-bbc3647494347aba40489ca14150ce65","name":"@beisen/storybook-addon-knobs","dist-tags":{"latest":"3.0.1"},"versions":{"4.0.0":{"name":"@beisen/storybook-addon-knobs","version":"4.0.0","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"@emotion/styled":"0.10.5","@storybook/addons":"4.0.0-alpha.21","@storybook/components":"4.0.0-alpha.21","@storybook/core-events":"4.0.0-alpha.21","copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","react-datetime":"^2.15.0","react-lifecycles-compat":"^3.0.4","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@4.0.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-elDzUg91wA27DDOn5Mw29b4wsTAyUlWZ9n40/22FUgSN42RZlc7nHWATimw0qEX7F9RhBOfaLQy7yrnt4+RAMA==","shasum":"a87a1522ff4a95af13fe74155f88484320fa5898","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-4.0.0.tgz","fileCount":65,"unpackedSize":1243013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdV769CRA9TVsSAnZWagAAeDUQAJ7uhRU2+VL9H3+qC+3O\nytWUvQ/laaF8ble0QGTABhcz22eMmQgC73TU500kst4h888dwwMHDByCvPU7\nBs3lYC22B+1FuGOUTJiDc3RJzcI2KbB8E82jAFpfEgzPwcJkV95KAitexr+I\nSnTWcqaDVI3UC8XCvywGZxaD4N5mCuDXns8bnPff0exljLTsnq3jJcznCTiq\nq4N2AIok2YzU8FwBtfyICq8lrPY3tolExiNrZt0NGajkC8nVgZBH69Swey7m\noApIRA8xjq8iYne1/sXPfLN6TgMZCP6YjZgnx3ojAfq4x1m3GDyRNtI/xFej\nXf+w4RUJM8iZrWazbO7fdHHlca7Ce+sXs/RwnyVWdlfZ3CX3ImvQUPbJUYoy\nKI35u5sxjnW+h9sGFOiBArRez42EomMbsRxvdNS2bQNZBmkPRIsnr62VN2rt\nVJP7N1tTc6hBFZg6EfylOiDLaZm52foo0gyIngb3pIauytF5bq6C+PfIyWqo\nD18x1a0kraVGyuA8mrutBKpzSHhE5uN5JNPDhZdyomOGfAKWmVAi1wd1YdE0\nlzaMEsyt1GkldbNquKS6c8wVqao/dWWS+ziwwbaOrxZbfpyZfX3llgIEVFd9\nV0aL2l1o5c7Frze6gS9RFQ47CVUMSbSA+4FZJUVmFp+RbtK1I+UvsJXoMF1F\nxxjm\r\n=Q9oS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtbjwguh5ifMZpoJooz+cUfz2cbXXX3bdAWyKbnZbZYgIgE3SVEUgl1IHDB22jt6heSUVrSnd9EeVDvflNCHlkomA="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_4.0.0_1566031548343_0.014068018525936088"},"_hasShrinkwrap":false},"4.0.0-rc.1":{"name":"@beisen/storybook-addon-knobs","version":"4.0.0-rc.1","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"@emotion/styled":"0.10.5","@storybook/addons":"4.0.0-alpha.21","@storybook/components":"4.0.0-alpha.21","@storybook/core-events":"4.0.0-alpha.21","copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","react-datetime":"2.15.0","react-lifecycles-compat":"^3.0.4","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@4.0.0-rc.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Y/MLBdPSA2NhQBIIzB6VUDF/sW8NRw4r3bAVTDOznoqaRzgDo6FzlSSnXsHnEC/1zt3xSG/c3vy4ylc4hZw53w==","shasum":"9902244a82b32bdcb1a80c4f466a5969d049a4b0","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-4.0.0-rc.1.tgz","fileCount":65,"unpackedSize":1243017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdX1ZhCRA9TVsSAnZWagAA3LkP/3ncitn/f0ZcNMnacBWV\n8iPvdM2WjZMYah4t0SNGpecFEVVkN6uj62AXHyj6zwv9oT8e8RiB0X6QRFV3\nlu+KKgegKlf49Wvx24CAYo+hwJ2JP+S9cOwGPB528H1mR9GmkF/Wtc/QBW25\nzQkHmCGdAyNAvwsoPGtJgnVercp/vJyp6XacSoIRTOHHd4hiXbbFM/FMiauA\nyBFTDahDAFVPTq58agztA7Lq8ualzG/Py4R03BiLmuBmtqSl8oBOem28+gjY\ns6i2hByJd+qdnLqomhCzYJtBWeSQaZ3/uuWZVeqAdGmxFAnjtrMNDNCu5pr2\nvBLkraq47c+hyQjo/KIRf+pofc+RJfAsdWQysts6KG76gFiGtgbY0L3WCXJ6\nbkSJfFgRDjvHwR+eZOgBv7wRX1nCSRv/vDT1QKoU0d5BrGvYUrhdBl1CmBtc\n0u3NAJWogqQ8teaZbWrvHItxFWuv8IIbtUujGF7RrPgZU4Qrxe0EH4LAq+I6\n67O/mMxwbcYVZgOrDrdEjBEt6uKsHHcmHNcnOJrPX0e3S38Yi11n9OiI35iB\n5cATt4af9uImb9EvG0moRk1dfjGAOIIIdazsmpFngJY0mDvdh3hqcoIgo048\nOMH5XD5MlrDm7tAyNTynmRHAWG9hAuWDbHw86+ke8+nYMsy+8IWRnJUK/sNs\n3qAD\r\n=FiEL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFtTTteE2mZmmJffHY5yQIOzuvTPuGZ/ggXRU0y4j87+AiB4LZpnKfRJwQecDOQWRdXGZMMk3opzVLDaBOGqjocjUg=="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_4.0.0-rc.1_1566529121026_0.6785695465318957"},"_hasShrinkwrap":false},"4.0.0-rc.2":{"name":"@beisen/storybook-addon-knobs","version":"4.0.0-rc.2","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","react-datetime":"2.15.0","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@4.0.0-rc.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ggniMwEyRgF4GUCQjKnO6UdXrAJRaUXYP3MnMjebYJeKinpZ63QbIM/udB5l9oVXhdrWxGx/aQ+ff2JW2PNHnQ==","shasum":"c0dbe5f0ebedb4490986a97edcee4fbffabf31b1","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-4.0.0-rc.2.tgz","fileCount":65,"unpackedSize":1242805,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdX1mOCRA9TVsSAnZWagAAnuMP/0jw0M3DhYYyd9OlcBlV\njojNWDTlKJ56bXf0TTSRA/Z5Mh5ayqQFXcS0N9LKQGLkERIBPP7/aQ2MBzwY\nn3LkUt+csKb7UqY8vrQGZsi8WrEg2F4uQaM/UfWKOnCIy7OqnnA1AQQWyulF\ngXhcLvBr5zvgdKpLSkqXFoJiOvysla4Z170CStthWJLFv6EHEFmMYFHm8jqd\ndZl6i5tgrvQILMaBj/myTrXFpCS3D0E4HW9+rAdKVeDcd2CUmcZh9zz6xz1n\nK7Hon0rG00ipzL0oqJ47h3aiICQ+/+h7dr4K+PWiCuxEfjDebN2mqaAgsqPo\nCKsy+vCRwcC/lNGALhIRjLzy+lvdTTiK7s4oG0ZaQY8Py9Ci82yFeyjYLPEE\n5KOkk5r9W7I541SIMQvvtw6sXVY+tcpFI+QvPUudeEH9FUWAXJkCGJDF9xhV\nGxE7Jd80AwAJ+MY4Ji7ZfPC9HmMJeWqtFu4ETtVDcF2ithRND8t8dvR633Di\n3CbTtKLp7eX7VoGPXLkqDG05edsxS/0O2v96ptYO5KF0KlC8VC13R/K4Ez5i\nzr5ryU/Y9G0wRNyv+bLaYpfJ2gOQ5mM8eRjxg+qGpueZDHbyxamNevR7+v4k\n0xIt1S+27IYBrqTr9xUqbv5D6qMau7cfuVJ8wSTsZsuK7wfhx8Yr7tdxLKFR\nMEH2\r\n=UEUh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICr7oOu8YgGzq+JxOWCiAssgWkPynfCGuObtDlQpqj9JAiEAyBzKbarL5KSR1T/o0uUu7ZNQ5xNqBi/jOsZiWU7ALq8="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_4.0.0-rc.2_1566529934389_0.3116569363503263"},"_hasShrinkwrap":false},"4.0.1":{"name":"@beisen/storybook-addon-knobs","version":"4.0.1","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","react-datetime":"2.15.0","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@4.0.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-9FM9CpexyTECNOuQ4q+YT4T8zZZJ5MwG2qgBcOZtILhkNErrUy6vO2rBei1pKIUX1Yo0wXGOsjmwEjdG7p3o5A==","shasum":"285cf5b54e7b1123e2f6e7029863bf969b4ecdd5","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-4.0.1.tgz","fileCount":65,"unpackedSize":1242800,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdX33MCRA9TVsSAnZWagAAd0sP/0pR5wWfkdzLWVxVUIJI\nKYAiYHEvkRBhJWJ4CHj1GAHx2CZdgSnyCDpS12DGHFdn4704tM31+s7lQ7FC\nsDOz7f1TSm52q2xn/WhVBVHovdw0mdJxAUvl21vWH8qHh1oQFYMdoH9Xa4uG\n3byME/NSmLxBJ48w1qRrSY+0bFIW8NBvX3ceo5dkKS0GbiwgzB61V15JSUAG\nq13+XokYfyppghBcEXqBWSsbj21UVfw2Y2BaALAACYYyMA4hTdlTlbTCx6+c\ngPB+n43OZXgjC01WOw0JvFwgbrW+G0HipUbLNff0+uLamhAaJoiECg6hORvb\nkT6AWVmrQjObmqWNpMAIgiKH9glzmJd8+uB4GROvyUux+ZSJxUN6AvLZ35Ma\nDnTtHj4USWu0nZgvTiPOAc63zT04TNbvUk3FUjl4PIfvYSCibTox5Ln3eBow\nLbIf6VIVeaL5u2mzwQiOIIoNxSeLgo+GH75yvY3xt5TW4u80pZYtKAuBz4Xp\n7PgsUuGcjySlzSXFI/jgi5Hwtm9lf0hrhhNP6EAqCuUR6n4HU9NTmNCrnM4e\noNUIkPoBibHXc+Th9sO0dyrIrG1k5FRi5GaDFN04QNXhQmnKN/PtZ1UbANVu\nAcf9ivq+dxJCk5MYtuLXYfw9fK5GepIImVCZBxO03HIAF8+qOzTKrzTQdig+\nCKy7\r\n=FCQI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9n47VYyro8mMTPzlL1c4WWo09m0/J/SWxCa9BRNnszwIhAPXKBoB5ABGC1bjLnu6RVwSEVZbqpDkwdlyQ90OfSU51"}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_4.0.1_1566539211477_0.030214541710685383"},"_hasShrinkwrap":false},"4.0.2":{"name":"@beisen/storybook-addon-knobs","version":"4.0.2","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@4.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-JUdTjBcd4B+t+ETeZSzM3cRnRGkpaJfzWq53/mHSWBrEZxJaXzmanTydOe3NRR+OjxrnD1ZjE+GCzCBI9yVcmA==","shasum":"fff0e2e7540bc176a907b587fbf65f43f8dd2bf6","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-4.0.2.tgz","fileCount":65,"unpackedSize":1241285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdX4KkCRA9TVsSAnZWagAAuIcP/25fDNv2xIsWrMPDLiNI\nxU8LSSla44DR+IXkZ73D9t7eJmuy6tP4nha5ptKrks/8827xrJYCoXWb0U1a\nVimZQ67ZMP1BUxQlfQMRQG37sFhCIfP1NRi3lXk4jUAoFquIGlHqEHBBoaL+\nRfI9W9k8S9pQPy0aw0XAPdcAuf9RWQk2o1TzW6a7+g5Q/rReY099wYLmTcFZ\n7S8ieLY2/N3f1zVsk1Z+e6gqi5lt9hq/WDdfSmP/6Z+Vcu+yR9Q9PI844xg0\n2bgzAdoz1hYeFiepttXzhmJiK5U5jodI67mlu09fGkCM81AeJSTO4VqN8v5c\nEG8L2kdWUT7HD4kxhUOVHsGhPppJTadGGxWevCwjpagBaqpKDyyM28qodJL9\nAJZUnZmPdB6ZXxD4ki3HxuLsC/mT9uxLbT/4fc8JOAY6oO9qXyWrduftIzl8\nwWuPuR11b8Yy/4qu9lDe6sef7DcNcYG3e89kNg9VLcYO3vPECvORMZ236Kf3\nJq44l948E9gkpuA4MWF2NgEb+dCHkISphzJ4bVI2KocOaFqWDgydsVY+c4S6\n3VNXo0Afb6AaGyy/3feQWhlJl6AlrMYblvRTSfVZOr0dxExOmIWmw/2ppVdj\nFueWaYL15r0AkAygcTq7L+rwq8a5jrnfArf3YfRkl8fmjCQj99/JTxWBYTgF\nhI6p\r\n=wt7A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDreXwZ+hYOaI/vCrIchz6CPu1A8AlzjGRJtJ0PSQqmHwIgANutH62046bWdFpUwKUJKZY8X0Zo+UAznXTRePlq+wE="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_4.0.2_1566540451993_0.00912028496492634"},"_hasShrinkwrap":false},"4.0.2-rc.1":{"name":"@beisen/storybook-addon-knobs","version":"4.0.2-rc.1","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","shelljs":"^0.8.3","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@4.0.2-rc.1","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-k8En43u4KfilvbOTjiQ/mtstJwL/yki6/l/8USMd0vJMjgdwllHHiUs4RiGTxWRfMddhwoWOlE3UeIZAEe0AkQ==","shasum":"d8be8e3ca355821d6b16d781da673b8ee98a9000","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-4.0.2-rc.1.tgz","fileCount":39,"unpackedSize":1164340,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdX7iaCRA9TVsSAnZWagAAr5UP/R431Es3dttEVII3Pf63\nPP++My+Lcm3RtZNPqRDkYE2a8wwLsEo1r8bgN/LQ8DzL+x4iATuEshfTtxEm\nmMb7HzSOJPi00rqko2U5Qk4WHEHGbSUNG3EXSGBkkKSVTHFaax/KpJG69vp6\nJ6wkHPCF5djaXj1MOy9QNkV/GDbOFDYg6wFv68LVXDojSgaaNecwyV8VC3SJ\nyxBGVtxVkFTOQQbnREFEIda4r9O/b+dVMKEJwLttz6yo3sSavlJ5o9NcGoqa\nHVm5tgt3jFw84imw2wUu18iWRD7NwnK2nOivz5flcuwPPiQE1td7Qhmg3hDD\nNyCFxPyM0er2PIqS/NRwLT5CJuXqg1jShWMtguGCXifXKDISAmvFpyHU1T+W\nPWtwczZvvh7sHgJcWb4wWET2cVpsWTlxrbjSsQpKbCsxuNmly+y4LwXVXHR5\nbiDYhVUqfzzzDZUm+Gs7VEjB37oIFDw/3FXWnw+yNmcSKfUJ4E6+GrKFkBQx\nexeVif6i92s9bneIqHuLY6/vC0TOw2azJt6JTG3B5gERoz1/neUtB9NNn6nA\n1KDaeyQCSxjIGwx6tyxaFIJcO4SpDiOoser3Sxg3ljRuE1nfbtXN4AHpujmJ\ngKpMQO+j9TX3vGSy+fYda4AZiqZPAd7zVPF0Ob1ubb0fVEysM4uV0MQ0zXb1\n0DuT\r\n=gDhx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCb7WBSY82w5osa4vzr7TXLsu8GrqsOnoTenZZ/76QThgIhANRufeJjOH9rAkotf4AJDicAEhesF1dznFDNICPASj0J"}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_4.0.2-rc.1_1566554266124_0.3775833311658654"},"_hasShrinkwrap":false},"4.0.2-rc.2":{"name":"@beisen/storybook-addon-knobs","version":"4.0.2-rc.2","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","shelljs":"^0.8.3","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@4.0.2-rc.2","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-MPZ6vAuUb70hZ8fIFXi25ZqUrdfuEhup6C0W/vcqT+1jyk48mrMFKaE9wCG7qUtAP2D0N6VDiAFsSIq78Ili+g==","shasum":"20f635400e3ffeb598c7467211f3fe23e8b03883","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-4.0.2-rc.2.tgz","fileCount":39,"unpackedSize":1164340,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdX9YOCRA9TVsSAnZWagAAfmwP/0cAfLrmRXaL2tCN2Tq3\npTVctVOBt9zJOKQLD4Un/oMLDFvEGaOrGiEqX0o7dkmwvpwbOI6sqCnvTvYR\n2Q7/qt1ukyvBT+SUc+sNg2vMJofiQlCNnmTNaxotSLWycnFFhhvihSWBGER4\npPq6PLVIl6GctClHKoccL1PIVXfqobr6P4or6dj4pRalsuta9mqYPOIwpByy\n5FVWoS2KBjVNYlF5spuVSDCRtAjfCyE2jM0Z0+ccvRxwQYlLUZQOFqjvKyB1\nfqPPVGAYlfbXRLf/gHJJYEv+yIZXOH2m3CQePxuZzqvgw76uOqAJrB95bJpg\niAvL5ILCQW9HzJO6j0SFyvnMb22jX0UlVKScmvEdo4Zdp+v5hTFCmo3NZ3I1\n+z15U3qEPxnz1bbs/2gyJANZlM8MGpi27x6Pz3Kyw73Uzc3E5x5Y4yTDoeaj\ns58+fDF6RyAXHAJ1ZRA7KlK6UHIuqJwjG1MPeBzOi/yfdn7UT0Zedc+yZQgP\nnrfwJJF4Orm6cLETp0Y/JF/XyEas+80wbW5LUr8o4OBInVM5xeQ9pKP2/Y3L\nEQoHGKesloL411O8CHFHEAWCebBpJXczBbHarjHwvkUCEpUaReIh+gUnL3QD\nt06FruwjLi3bT0y+MDJjP0e5Z4zji+Z5O0/vHxcPzVMurdB/xvhWgMUHMp+S\nBCUH\r\n=ilNj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5dz6a1FKD0i6KgTT7fCQrqtkwfmegIomKou0TTf4n7wIgCAMjQZUAZYFaxO6UabheYK9cwkEF2CW/jcovUFPUiNw="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_4.0.2-rc.2_1566561805404_0.768085852015719"},"_hasShrinkwrap":false},"4.0.2-rc.3":{"name":"@beisen/storybook-addon-knobs","version":"4.0.2-rc.3","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@4.0.2-rc.3","_nodeVersion":"10.15.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-saNHxq9xKU10nEmjU1LnrZIIK8UXJT0xBFsU+sLfM3BOdEkm+CyPX/Y1H4bLD7DXZEOLP7vWimxEtxT2H2ttZQ==","shasum":"367598f8eb566959e4807c8dd357af823958ad06","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-4.0.2-rc.3.tgz","fileCount":66,"unpackedSize":1259579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdYMO2CRA9TVsSAnZWagAAs5UP/3dUoXgHeggyfVTVMr88\nRqI02UXMGpkxWg1r7/UwC0iwF6W4j0PEL3XfJfUMMctsle1HJPDbGDPgWrk6\nbCec2fKWi8tgLr6Ogn7ZVKP0A6SPHdGKCnCZmQnXgSofHqW2amUDLW+Q/5/R\ntN+mxMEA0/egGHLqCG6nTCRLiRxYELcEjo8W4NKWmEFC6dJQ3w5vBuvDKKMK\nVoZCQQeqWffJx7PS/3Ko4/Sxk4HDwUBVlAoI4yMtvGuOsC6I9W+PLXFRcWGy\nrLMrL6cmjCw9N5oRUvm6t/WMmmRX92FF+U0YrXjRM1ML+19heuoxOjBMI/DF\nCfYp8K5jZBxvaMrUQMO7TxgdO5uSWS017ZwiQlhiJTH4CRb+A70XxdpVoDWL\nCnbfEUemalo72yuYDOunU0s4xkVSeKRCIolgRbF2FpzK4hoMilV9KAf+YaqJ\ndBnovLmCwFn3JOp+NiKQVP6q3lxinrzhhuSfbToIYC++A1AOBwaPO1Xma9zw\nk1QJTeI4qrXv3owEGezd/rCuEV6BkqlxVMZnawgS0No6iRtasB/LnzCKEaj1\nA1jL4COFkfmB2Cw757tpQxNHEq7V44zwgSLWzHmESAqzCkrxRVw3SYFPtZON\nXiY0xaS2CPAdwGsxZEdc8iKLVjnD5YnoYiFd5Mz3PglPOprsp87Vckg6jpxP\ntgFm\r\n=tVhv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRurY4P0jdiDsFXGdepfYBis/ngL0NuXM3cXkKzeSyWwIhAJtmRl8t7VEnAmCG3gIKuxlYFBwkXZCHeNo/iQf5TK5+"}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_4.0.2-rc.3_1566622645247_0.45636207984166477"},"_hasShrinkwrap":false},"4.0.3":{"name":"@beisen/storybook-addon-knobs","version":"4.0.3","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@4.0.3","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-MAfiYkK665yMkeqN2DYfPOLuuN7JjN1AuK0vRdkqbt1jfIqm1rcLvRYzvWJTL7OB5uMPduA20nbOxMhuP9vVeg==","shasum":"0601a8db428b2c3283c56c80ea00467cff1f5aa8","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-4.0.3.tgz","fileCount":65,"unpackedSize":1241287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZ5xaCRA9TVsSAnZWagAAlTsP/jpAEk77/YCVVd29tD/1\nDGnxh623yU7In6HNv3vXfz6XYF/1sSWmj6ZqHsLfzw8ZtoHeHy/q4mdld62J\ng+Q3tlUIKojXPFLSk8EscpcQ+DpU3Qa+Oo7dwDrhBNBPAegiOIQcD1wljKoN\nqQRsXcPW3SVrR+2WcKuO1vB8cvZdHGvNb+GzBOencesFJqjuizrX5zd9WoUc\nY0yv5WXebUPCL8IVxhIAK37xXqEhjGL1GBNo5vhPoIhFrPs3uOZT/lfW82YT\n/MF5fiGUUj/rriDFOr8Kx+uZuHcyikLqdjLc7CNcamo6y6KKN4Y0sPCf1reR\nLfeEUnA4UV3m6vKTwim3AbEpnkBzNDovK8sdcKwgvYy4j4LDDPaOv9sT68bv\nCwnxaLWKyd6ZlcxZ9jsrVnGt5mE/qXMjFLtVrI7I7LRicFIwX07k+ShUToJQ\noR7sAiEToHntN2Up2Vea9ymgdaXLU1B4pv2saSkkdEoAAylzB9yTBOt9S27A\n2IQIR/FrrOdwanttrY6yZMQTpC2NPbUAfBtTnm9Ove66kG9KxkOkDKvXC9LE\nHJMmImS1MD5759WwyZX0TaaGQtTW+vCNrVx0fLYZVAG87XK/g3IC1nxyr/zI\nGmtmq5xcTmA3JWpdbnaJCVqDbk+TzofvbRhbf72D1FUu/Msne12zM8zGEAW3\nGKn9\r\n=pwyx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCA2REr078TGzvQO5HImE8wTpYHZrBEJHEF5TRgRLpjsgIgKvUtroMiXR7ci4Q/Hm//kKcR0dDuqlX5G1hVjCEdPBs="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_4.0.3_1567071321385_0.08569930278862725"},"_hasShrinkwrap":false},"3.0.0":{"name":"@beisen/storybook-addon-knobs","version":"3.0.0","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","scripts":{"prepare":"node ../../../scripts/prepare.js"},"dependencies":{"copy-to-clipboard":"^3.0.8","escape-html":"^1.0.3","fast-deep-equal":"^2.0.1","global":"^4.3.2","prop-types":"^15.6.2","qs":"^6.5.2","react-color":"^2.14.1","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.17"},"peerDependencies":{"react":"*"},"_id":"@beisen/storybook-addon-knobs@3.0.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-5kH8HuWBh6gIOuKZaAQdXEU4EgluZNJhqYX9ia+jDPY9+fowuraziiww7wIjI4vSPhJHk0lOvVJuuRLa93Ib9w==","shasum":"69094ab65a77aae1e9baf8014b686063a115eeb4","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-3.0.0.tgz","fileCount":5,"unpackedSize":11137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZ50QCRA9TVsSAnZWagAAKaUQAJrIZ5erXbgV3RIEvigF\nSLCCBqEETQPqd2TrF9zUCsP99PX85HYTxN9V5aXZd3hkS7Q9zfte7Jk0ehsM\n+N21nQPhYBt39dzZDBA00cDbtKMkwlKU1Upgge/4cuQmLok5zQYEEmVy6IoD\nhz14g4EyK0VjUS/S5T8S4onqoEESHpc31xfQhJaM3LcozUDfRaiP4OUFfC4R\nHYvhrdn+v9gpensDC80AgVXnm1QAhFdb+4dpbXDga15CcIlSVaKbWq1rAm7J\nCRY7LAdNwu7TCgkrPtu6gOPEFqMxEPsSupEWm6E8JmC3HZ8Zz3qAAYMIPQGi\n9qK1oXpA2wZJP2oeMm5UywruXxOvGv0ruRC/0K+xiYemBR80SIDtqi/0eE4d\nBA2Vfb2nzmK9+h7m6SeIKMbGphjvjR5GrROS7hz+9VtmwOZw4S71wnLb+Gh1\nxI+ocZB+fTvu7ECUU/B4KKE/ElQBpLfLp+yPinhJT7tuv6PFgxauzPDM8h2b\nyBq6t9S74nEtp9L8P/6Gg5d+jH2z4xjpO+ib3R5ycyuvosprZr5AYRckerXF\nl4McWljeeEDCZgLs3/Uw2agDjn0LBt+XyRgoqOm5/XrSUWiFJYrUwPv3Yd0U\n+AVeaZa1FICuHvJOPXUDWGtJQaQ6uf43os6UwTCHoJpgG8wJkkrU6eZWIlAt\njadZ\r\n=em6q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF5ZEr03a2m/7I+vkdu9OzGmPTSxx/3Ig95ldEy6FDy7AiAkbq9XID8gpyHN4jgZyK1xOynKuRVhwWs4WVNaupqOTA=="}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_3.0.0_1567071503852_0.4758981208764075"},"_hasShrinkwrap":false},"3.0.1":{"name":"@beisen/storybook-addon-knobs","version":"3.0.1","description":"Storybook Addon Prop Editor Component","license":"MIT","main":"dist/index.js","jsnext:main":"src/index.js","repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"scripts":{"prepare":"node ../../../scripts/prepare.js","publish-storybook":"bash .scripts/publish_storybook.sh","storybook":"start-storybook -p 9010"},"dependencies":{"@storybook/components":"3.4.11","babel-runtime":"^6.26.0","deep-equal":"^1.0.1","global":"^4.3.2","insert-css":"^2.0.0","lodash.debounce":"^4.0.8","moment":"^2.21.0","prop-types":"^15.6.1","react-color":"^2.14.0","react-datetime":"^2.14.0","react-textarea-autosize":"^5.2.1","util-deprecate":"^1.0.2"},"devDependencies":{"vue":"^2.5.16"},"peerDependencies":{"@storybook/addons":"^3.3.0","react":"*"},"bugs":{"url":"https://github.com/storybooks/storybook/issues"},"homepage":"https://github.com/storybooks/storybook#readme","_id":"@beisen/storybook-addon-knobs@3.0.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-1IGhP2Uo8XnTBky63D6orNOmL19p8V0VBTkkr2rlQ/cjdIz14+SeFNShhhkERte7ZHBOMptF2e1agGlFug8NZw==","shasum":"2ffadc7ec48c126d2ab7f60a3ed0422e8b202a98","tarball":"https://registry.npmjs.org/@beisen/storybook-addon-knobs/-/storybook-addon-knobs-3.0.1.tgz","fileCount":80,"unpackedSize":1291576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZ6P9CRA9TVsSAnZWagAAo3sP/2tvPWPlRvNlNBMKBd1W\nex4Jfl9e6lf/WZcrtoBoGsC/FsWpD0qSxfWa+FLClEgx09AKYMahHyMeWfXD\niXickeHscmezSLyfo635bc2AdAQU469KU7/g3Iza7UyXgL5nhtAJ84uyvxPl\nn+y5DIISAUDD+GRTcI2TX5bPF1xeGpuwXiOd+Xe4smIN7KpORCG2S8IoLJxx\n8gvAoZiEF71vUe6iVzf50bSLEn7c/XLLMXwHD+ihqFEfITK+FZumUoOJlbjK\nv+FL4MxKtP9g+wGmCE8mQOYB1bIWgKmrsZUDpMTVmrldJlP77pLzNPrPQlJm\nqSl7nis+326mh2tqkKCueVwDdPJIhBtCZuxs3DHxyCfk/apUM/4fKv13LaOS\nsgGwFc0o//UOmUN6dyaSkmyb1lXk26bEMYfJ1pefatnF5BAhHCFoAtwzs6g/\nNv04KK+A/MpOdHnp2KRYzdttxQI9tNQKfXpj5mOLoSiGaCy4UG9tA1oPR7NP\nuc3BGrQdmaKtcFPkq+tr6XToIRJNJU4Yk6o2MJ2ZTZxV5hUPOIe7O4+MDZ5H\nOZJ76G2Rt5rnS1plj0RHbRnL3xHoWabdVssFgpVU/7r4/AKyu4s3211XeI5f\nTyr7lJzQ/R7F/p5OaexaXRUGG3/yxM6BM7yzeZuD3pm3lhCcfdNPRwv8TMpw\ng3ma\r\n=GLG8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZpZw6PRw3AbcPBV/bUrl2puclLpOgqd2tsP35Y/XQgwIhAO/nAVOEhiotwtl6FEsWKn9gUqS4my/WRboYi5EX0gYq"}]},"maintainers":[{"name":"beisencorp","email":"ci@beisen.com"},{"name":"lgm","email":"it1011@qq.com"},{"name":"neozw","email":"lihegaozhong@gmail.com"}],"_npmUser":{"name":"beisencorp","email":"ci@beisen.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-addon-knobs_3.0.1_1567073276777_0.8231202727947595"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-17T08:45:48.198Z","4.0.0":"2019-08-17T08:45:48.887Z","modified":"2022-04-04T18:19:18.184Z","4.0.0-rc.1":"2019-08-23T02:58:41.206Z","4.0.0-rc.2":"2019-08-23T03:12:14.573Z","4.0.1":"2019-08-23T05:46:51.693Z","4.0.2":"2019-08-23T06:07:32.168Z","4.0.2-rc.1":"2019-08-23T09:57:46.295Z","4.0.2-rc.2":"2019-08-23T12:03:25.635Z","4.0.2-rc.3":"2019-08-24T04:57:25.420Z","4.0.3":"2019-08-29T09:35:21.596Z","3.0.0":"2019-08-29T09:38:23.964Z","3.0.1":"2019-08-29T10:07:56.939Z"},"maintainers":[{"email":"albertzhang.pro@gmail.com","name":"albert-zhang"},{"email":"liugenpeng@beisen.com","name":"liugenpeng"},{"email":"ci@beisen.com","name":"beisencorp"},{"email":"it1011@qq.com","name":"lgm"},{"email":"lihegaozhong@gmail.com","name":"neozw"}],"description":"Storybook Addon Prop Editor Component","license":"MIT","readme":"# Storybook Addon Knobs\n\n[](https://circleci.com/gh/storybooks/storybook)\n[](https://www.codefactor.io/repository/github/storybooks/storybook)\n[](https://snyk.io/test/github/storybooks/storybook/8f36abfd6697e58cd76df3526b52e4b9dc894847)\n[](https://bettercodehub.com/results/storybooks/storybook) [](https://codecov.io/gh/storybooks/storybook) \n[](https://now-examples-slackin-rrirkqohko.now.sh/)\n[](#backers) [](#sponsors)\n\n* * *\n\nStorybook Addon Knobs allow you to edit React props dynamically using the Storybook UI.\nYou can also use Knobs as a dynamic variable inside stories in [Storybook](https://storybook.js.org).\n\n[Framework Support](https://github.com/storybooks/storybook/blob/master/ADDONS_SUPPORT.md)\n\nThis is how Knobs look like:\n\n[](https://storybooks-official.netlify.com/?knob-Dollars=12.5&knob-Name=Storyteller&knob-Years%20in%20NY=9&knob-background=%23ffff00&knob-Age=70&knob-Items%5B0%5D=Laptop&knob-Items%5B1%5D=Book&knob-Items%5B2%5D=Whiskey&knob-Other%20Fruit=lime&knob-Birthday=1484870400000&knob-Nice=true&knob-Styles=%7B%22border%22%3A%223px%20solid%20%23ff00ff%22%2C%22padding%22%3A%2210px%22%7D&knob-Fruit=apple&selectedKind=Addons%7CKnobs.withKnobs&selectedStory=tweaks%20static%20values&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybooks%2Fstorybook-addon-knobs)\n\n> Checkout the above [Live Storybook](https://storybooks-official.netlify.com/?knob-Dollars=12.5&knob-Name=Storyteller&knob-Years%20in%20NY=9&knob-background=%23ffff00&knob-Age=70&knob-Items%5B0%5D=Laptop&knob-Items%5B1%5D=Book&knob-Items%5B2%5D=Whiskey&knob-Other%20Fruit=lime&knob-Birthday=1484870400000&knob-Nice=true&knob-Styles=%7B%22border%22%3A%223px%20solid%20%23ff00ff%22%2C%22padding%22%3A%2210px%22%7D&knob-Fruit=apple&selectedKind=Addons%7CKnobs.withKnobs&selectedStory=tweaks%20static%20values&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybooks%2Fstorybook-addon-knobs) or [watch this video](https://www.youtube.com/watch?v=kopW6vzs9dg&feature=youtu.be).\n\n## Getting Started\n\nFirst of all, you need to install knobs into your project as a dev dependency.\n\n```sh\nnpm install @storybook/addon-knobs --save-dev\n```\n\nThen, configure it as an addon by adding it to your `addons.js` file (located in the Storybook config directory).\n\n```js\nimport '@storybook/addon-knobs/register'\n```\n\nNow, write your stories with knobs.\n\n### With React\n```js\nimport { storiesOf } from '@storybook/react';\nimport { withKnobs, text, boolean, number } from '@storybook/addon-knobs/react';\n\nconst stories = storiesOf('Storybook Knobs', module);\n\n// Add the `withKnobs` decorator to add knobs support to your stories.\n// You can also configure `withKnobs` as a global decorator.\nstories.addDecorator(withKnobs);\n\n// Knobs for React props\nstories.add('with a button', () => (\n \n));\n\n// Knobs as dynamic variables.\nstories.add('as dynamic variables', () => {\n const name = text('Name', 'Arunoda Susiripala');\n const age = number('Age', 89);\n\n const content = `I am ${name} and I'm ${age} years old.`;\n return (
{content}
);\n});\n```\n\n### With Angular\n```js\nimport { storiesOf } from '@storybook/angular';\nimport { boolean, number, text, withKnobs } from '@storybook/addon-knobs/angular';\n\nimport { Button } from '@storybook/angular/demo';\n\nconst stories = storiesOf('Storybook Knobs', module);\n\n// \"withKnobs\" decorator should be applied before the stories using knobs\nstories.addDecorator(withKnobs);\n\n// Knobs for Angular props\nstories.add('with a button', () => ({\n component: Button,\n props: {\n text: text('text', 'Hello Storybook'), // The first param of the knob function has to be exactly the same as the component input.\n },\n}));\n\n```\n\nCategorize your knobs by assigning them a `groupId`. When a `groupId` exists, tabs will appear in the knobs storybook panel to filter between the groups. Knobs without a `groupId` are automatically categorized into the `ALL` group.\n```js\n// Knob assigned a groupId.\nstories.add('as dynamic variables', () => {\n const groupId = 'GROUP-ID1'\n const name = text('Name', 'Arunoda Susiripala', groupId);\n\n const content = `My name is ${name}.`;\n return (
{content}
);\n});\n```\n\n> In the case of Vue, use these imports:\n>\n> ```js\n> import { storiesOf } from '@storybook/vue';\n> import { withKnobs, text, boolean, number } from '@storybook/addon-knobs/vue';\n> ```\n>\n> In the case of React-Native, use these imports:\n>\n> ```js\n> import { storiesOf } from '@storybook/react-native';\n> import { withKnobs, text, boolean, number } from '@storybook/addon-knobs/react';\n> ```\n>\n> In the case of Angular, use these imports:\n>\n> ```js\n> import { storiesOf } from '@storybook/angular';\n> import { withKnobs, text, boolean, number } from '@storybook/addon-knobs/angular';\n> ```\n\nYou can see your Knobs in a Storybook panel as shown below.\n\n\n\n## Available Knobs\n\nThese are the knobs available for you to use. You can import these Knobs from the `@storybook/addon-knobs` module.\nHere's how to import the **text** Knob.\n\n```js\nimport { text } from '@storybook/addon-knobs';\n```\n\nJust like that, you can import any other following Knobs:\n\n### text\n\nAllows you to get some text from the user.\n\n```js\nimport { text } from '@storybook/addon-knobs/react';\n\nconst label = 'Your Name';\nconst defaultValue = 'Arunoda Susiripala';\nconst groupId = 'GROUP-ID1';\n\nconst value = text(label, defaultValue, groupId);\n```\n### boolean\n\nAllows you to get a boolean value from the user.\n\n```js\nimport { boolean } from '@storybook/addon-knobs/react';\n\nconst label = 'Agree?';\nconst defaultValue = false;\nconst groupId = 'GROUP-ID1';\n\nconst value = boolean(label, defaultValue, groupId);\n```\n### number\n\nAllows you to get a number from the user.\n\n```js\nimport { number } from '@storybook/addon-knobs/react';\n\nconst label = 'Age';\nconst defaultValue = 78;\nconst groupId = 'GROUP-ID1';\n\nconst value = number(label, defaultValue);\n```\n\nFor use with `groupId`, pass the default `options` as the third argument\n```\nconst value = number(label, defaultValue, {}, groupId);\n```\n### number bound by range\n\nAllows you to get a number from the user using a range slider.\n\n```js\nimport { number } from '@storybook/addon-knobs/react';\n\nconst label = 'Temperature';\nconst defaultValue = 73;\nconst options = {\n range: true,\n min: 60,\n max: 90,\n step: 1,\n};\nconst groupId = 'GROUP-ID1';\n\nconst value = number(label, defaultValue, options, groupId);\n```\n\n### color\n\nAllows you to get a colour from the user.\n\n```js\nimport { color } from '@storybook/addon-knobs/react';\n\nconst label = 'Color';\nconst defaultValue = '#ff00ff';\nconst groupId = 'GROUP-ID1';\n\nconst value = color(label, defaultValue, groupId);\n```\n\n### object\n\nAllows you to get a JSON object or array from the user.\n\n```js\nimport { object } from '@storybook/addon-knobs/react';\n\nconst label = 'Styles';\nconst defaultValue = {\n backgroundColor: 'red'\n};\nconst groupId = 'GROUP-ID1';\n\nconst value = object(label, defaultValue, groupId);\n```\n\n> Make sure to enter valid JSON syntax while editing values inside the knob.\n\n### array\n\nAllows you to get an array of strings from the user.\n\n```js\nimport { array } from '@storybook/addon-knobs/react';\n\nconst label = 'Styles';\nconst defaultValue = ['Red'];\nconst groupId = 'GROUP-ID1';\n\nconst value = array(label, defaultValue);\n```\n\n> While editing values inside the knob, you will need to use a separator.\n> By default it's a comma, but this can be override by passing a separator variable.\n>\n> ```js\n> import { array } from '@storybook/addon-knobs/react';\n>\n> const label = 'Styles';\n> const defaultValue = ['Red'];\n> const separator = ':';\n> const value = array(label, defaultValue, separator);\n> ```\n\nFor use with `groupId`, pass the default `separator` as the third argument\n```\nconst value = array(label, defaultValue, ',', groupId);\n```\n\n### select\n\nAllows you to get a value from a select box from the user.\n\n```js\nimport { select } from '@storybook/addon-knobs/react';\n\nconst label = 'Colors';\nconst options = {\n red: 'Red',\n blue: 'Blue',\n yellow: 'Yellow',\n};\nconst defaultValue = 'red';\nconst groupId = 'GROUP-ID1';\n\nconst value = select(label, options, defaultValue, groupId);\n```\n\n> You can also provide options as an array like this: `['red', 'blue', 'yellow']`\n\n### selectV2\n\nIn v4 this will replace `select`. The value from the select now uses the values from the `options` object.\n\n```js\nimport { selectV2 } from '@storybook/addon-knobs';\n\nconst label = 'Colors';\nconst options = {\n Red: 'red',\n Blue: 'blue',\n Yellow: 'yellow',\n Rainbow: ['red', 'orange', 'etc'],\n None: null,\n};\nconst defaultValue = 'Red';\nconst groupId = 'GROUP-ID1';\n\nconst value = selectV2(label, options, defaultValue, groupId);\n```\n\n### date\n\nAllow you to get date (and time) from the user.\n\n```js\nimport { date } from '@storybook/addon-knobs/react';\n\nconst label = 'Event Date';\nconst defaultValue = new Date('Jan 20 2017');\nconst groupId = 'GROUP-ID1';\n\nconst value = date(label, defaultValue, groupId);\n```\n\n> Note: the default value must not change - e.g., do not do `date('Label', new Date())` or `date('Label')`\n\nThe `date` knob returns the selected date as stringified Unix timestamp (e.g. `\"1510913096516\"`).\nIf your component needs the date in a different form you can wrap the `date` function:\n\n```js\nfunction myDateKnob(name, defaultValue) {\n const stringTimestamp = date(name, defaultValue)\n return new Date(stringTimestamp)\n}\n```\n\n### button\n\nAllows you to include a button and associated handler.\n\n```js\nimport { button } from '@storybook/addon-knobs';\n\nconst label = 'Do Something';\nconst handler = () => doSomething('foobar');\nconst groupId = 'GROUP-ID1';\n\nbutton(label, handler, groupId);\n```\n\n### withKnobs vs withKnobsOptions\n\nIf you feel like this addon is not performing well enough there is an option to use `withKnobsOptions` instead of `withKnobs`.\nUsage:\n\n```js\nimport { storiesOf } from '@storybook/react';\n\nconst stories = storiesOf('Storybook Knobs', module);\n\nstories.addDecorator(withKnobsOptions({\n debounce: { wait: number, leading: boolean}, // Same as lodash debounce.\n timestamps: true // Doesn't emit events while user is typing.\n}));\n```\n\n## Typescript\n\nIf you are using typescript, make sure you have the type definitions installed for the following libs:\n\n- node\n- react\n\nYou can install them using `npm install -save @types/node @types/react`, assuming you are using Typescript >2.0.\n","readmeFilename":"README.md","homepage":"https://github.com/storybooks/storybook#readme","repository":{"type":"git","url":"git+https://github.com/storybooks/storybook.git"},"bugs":{"url":"https://github.com/storybooks/storybook/issues"}}