文件名称：generic-components:一组通用Web组件，着重于可访问性和易用性
文件大小：266KB
文件格式：ZIP
更新时间：2024-04-08 19:50:41
JavaScript
通用组件 通用Web组件的集合，着重于： :men’s_room:辅助功能 :building_construction:便于使用 :artist_palette:易于造型 目标 该项目的目标是创建一个通用的通用Web组件库，这些库可访问，与框架无关，易于设计且易于使用。 这些存储库中的所有组件都从HTMLElement扩展，并且不使用任何库或框架。 您可以想到这些组件，例如使用本机<button>元素，就可以免费获得所有功能，可访问性，键盘导航等，您只需按自己的喜好对按钮进行样式设置即可。 您可以使用这些组件来构建应用程序，也可以使用它们来组成自己的组件。 用法 通过NPM 可以通过NPM安装组件： npm i --save @generic-components/components 并通过ES导入将其导入您的代码中： import '@generic-components/components/switch.js' ; 通过CDN 或者，您可以从CDN加载组件，并将它
【文件预览】：
generic-components-master
----.gitignore(163B)
----generic-switch()
--------README.md(147B)
--------demo()
--------test()
--------GenericSwitch.js(5KB)
----web_modules()
--------import-map.json(70B)
--------@a11y()
----package.json(2KB)
----custom-elements.json(50KB)
----package-lock.json(780KB)
----generic-listbox()
--------GenericListbox.js(2KB)
--------README.md(156B)
--------demo()
--------test()
----generic-visually-hidden()
--------GenericVisuallyHidden.js(381B)
--------visually-hidden.js(311B)
--------README.md(174B)
--------demo()
--------test()
--------visually-hidden.css(670B)
----alert.js(119B)
----LICENSE(1KB)
----index.js(1KB)
----generic-dialog()
--------GenericDialog.js(2KB)
--------generic-dialog-overlay.js(2KB)
--------README.md(197B)
--------demo()
--------dialog.js(2KB)
--------test()
----generic-skiplink()
--------README.md(147B)
--------demo()
--------GenericSkiplink.js(711B)
--------skiplink.css(934B)
--------skiplink.js(340B)
--------test()
----.github()
--------workflows()
----.prettierignore(174B)
----utils()
--------BatchingElement.js(820B)
--------keycodes.js(159B)
--------SelectedMixin.js(4KB)
--------visually-hidden.js(542B)
--------test()
--------EventTargetShim.js(321B)
----visually-hidden.js(166B)
----README.md(4KB)
----listbox.js(129B)
----demo()
--------demo-app.html(6KB)
--------demo-app.css(5KB)
--------styles.css(3KB)
----switch.js(124B)
----index.html(4KB)
----accordion.js(139B)
----tabs.js(114B)
----generic-tabs()
--------README.md(152B)
--------demo()
--------GenericTabs.js(3KB)
--------test()
----generic-alert()
--------GenericAlert.js(813B)
--------README.md(150B)
--------demo()
--------test()
----generic-radio()
--------GenericRadio.js(4KB)
--------README.md(160B)
--------demo()
--------test()
----dialog.js(124B)
----skiplink.js(134B)
----generic-accordion()
--------GenericAccordion.js(2KB)
--------README.md(162B)
--------demo()
--------test()
----disclosure.js(144B)
----generic-disclosure()
--------GenericDisclosure.js(3KB)
--------README.md(197B)
--------demo()
--------test()
----radio.js(119B)