用于React的无限制下拉组件。

时间:2024-06-28 09:04:08
【文件属性】:

文件名称:用于React的无限制下拉组件。

文件大小:4.29MB

文件格式:ZIP

更新时间:2024-06-28 09:04:08

Drag and Drop

unop-react-dropdown 用于React的 Unopinioned 下拉组件。 动机我发现自己在不同的项目之间重用了这个下拉逻辑。 特性 完全不受约束(不强制执行任何样式) 生命周期功能,允许在下拉列表关闭之前进行动画等操作 由于它不受约束,您可以将任何元素转换为下拉触发器,将任何元素转换为下拉菜单。 包括用于打开、关闭和设置关闭前延迟的基本功能(用于发生关闭动画之类的事情) 现场演示 演示各种组件道具行为的视觉故事书可以在下面找到。 网站、文档和演示 悬停道具演示 对齐道具演示 其他组件道具及其选项可在此处找到 代码沙箱演示 实现该组件是为了创建可编辑的演示下拉列表,以供代码沙箱中的参考 代码沙箱中的下拉列表 完整列表组件道具及其选项可以在这里找到安装 Unop-react-dropdown 可作为 npm 包使用 npm install unop-react-dropdown 用法 import UnopDropdown from "unop-react-dropdown"; 并用作: 点击}> 列出项目 1 列出项目 2 触发器是最低要求的道具来实现其他道具,它们可


【文件预览】:
unop-react-dropdown-master
----hover.gif(294KB)
----.github()
--------workflows()
----stories()
--------styles.css(432B)
--------Dropdown.stories.tsx(3KB)
--------TestDropdown1()
----src()
--------index.tsx(3KB)
--------types.ts(930B)
--------Dropdown.css(389B)
--------functions.module.ts(505B)
--------Dropdown.tsx(802B)
----tsdx.config.js(213B)
----.storybook()
--------main.js(313B)
--------preview.js(242B)
----codeplay.gif(2.08MB)
----example()
--------index.html(342B)
--------index.tsx(446B)
--------.npmignore(24B)
--------tsconfig.json(438B)
--------package-lock.json(268KB)
--------package.json(571B)
----tsconfig.json(1KB)
----LICENSE(1KB)
----test()
--------Dropdown.test.tsx(11KB)
----__mocks__()
--------styleMock.ts(22B)
----README.md(5KB)
----storybook-static()
--------main.350831607686c66846a2.bundle.js(21KB)
--------index.html(2KB)
--------runtime~main.350831607686c66846a2.bundle.js(3KB)
--------favicon.ico(32KB)
--------vendors~main.4abf29e4f956d5befb41.bundle.js.LICENSE.txt(3KB)
--------vendors~main.350831607686c66846a2.bundle.js.LICENSE.txt(3KB)
--------vendors~main.4abf29e4f956d5befb41.bundle.js(1.67MB)
--------vendors~main.350831607686c66846a2.bundle.js.map(170B)
--------vendors~main.350831607686c66846a2.bundle.js(2.48MB)
--------iframe.html(4KB)
--------runtime~main.350831607686c66846a2.bundle.js.map(169B)
--------main.350831607686c66846a2.bundle.js.map(153B)
--------runtime~main.6a9b04192e3176eff72a.bundle.js(3KB)
--------main.2d01924b12554c6c15af.bundle.js(973KB)
----.gitignore(50B)
----align.gif(704KB)
----package-lock.json(979KB)
----package.json(3KB)

网友评论