文件名称：react-dial-knob:用于React的旋钮UI控件
文件大小：965KB
文件格式：ZIP
更新时间：2024-06-13 12:17:59
TypeScript
React旋钮（用于Web） :peacock: 演示： | | | | 鼠标/触摸/键盘友好，可访问的Web旋钮组件。 基于无依赖性的纯HTML / SVG元素。 在TypeScript中实现。 可摇晃且占用空间最小（核心大约2kb）。 :chart_increasing: 表现 互动时约有10％的脚本编写时间，空闲时有90％的空闲时间 :puzzle_piece: 正在安装 npm install --save-dev react-dial-knob UMD模块 https://unpkg.com/react-dial-knob/dist/react-dial-knob.umd.js :peacock: 皮肤与演示 该程序包带有五个可配置的外观 | | | | 故事书和CodePen中提供了有关如何“创建皮肤组件”的简短教程。 本质上，只需几行代码即可删除SVG。 :check_mark: 用法 您必须存储value并更新组件（受控组件）。 参见CodePen impor
【文件预览】：
react-dial-knob-master
----.gitignore(114B)
----coverage()
--------.gitkeep(0B)
----package.json(4KB)
----src()
--------KnobErrorWrap.tsx(1KB)
--------Knob.tsx(3KB)
--------Knob.test.tsx(8KB)
--------util()
--------core-only.ts(318B)
--------index.test.ts(593B)
--------index.ts(730B)
--------KnobArea.ts(12KB)
--------KnobArea.test.ts(21KB)
--------skins()
----jest.config.js(472B)
----dist()
--------.gitkeep(0B)
----globals.d.ts(276B)
----tsconfig.json(527B)
----release.config.js(1KB)
----LICENSE.txt(1KB)
----.github()
--------workflows()
----rollup.config.js(3KB)
----.eslintrc.js(650B)
----.prettierrc.js(147B)
----README.md(4KB)
----.storybook()
--------main.js(211B)
--------webpack.config.js(567B)
--------manager.js(92B)
----stats.html(86KB)
----stories()
--------knob()
--------4.Layout.stories.tsx(9KB)
--------utils()
--------3.ReadMe.stories.tsx(687B)
--------1.KnobSkins.stories.tsx(458B)
--------skins()
--------2.Knob.stories.tsx(160B)
----docs()
--------images()
--------KnobProps.md(2KB)
--------KnobCreateSkin.md(4KB)
--------skins()
----babel.web.config.js(353B)
----tsconfig.test.json(527B)