【文件属性】:
文件名称:bootstrap-webcomponents:[WiP]将Bootstrap组件重写为Web组件
文件大小:83KB
文件格式:ZIP
更新时间:2021-01-29 19:24:54
bootstrap ui webcomponents frontend lit-html
Bootstrap Web组件
:hammer_and_wrench: 状态:开发中
根据需要实现组件。 欢迎PR!
将引导程序组件重写为Web组件。 有关所有已实现的功能,请参见。
动机
这不仅是引导css周围的webcomponents包装器,它的目的是提供一个干净,简单的重写,让每个webcomponents标准的新手都容易理解。
没有构建链/预处理器
通过CSS自定义属性允许轻松主题化
以属性的形式向最终用户提供清晰的api
尽可能在大型库上使用网络标准(即使这意味着失去兼容性,例如,对话框元素)
为项目提供支持,包括针对以上几点的polyfill和构建步骤
安装
npm install @morbidick/bootstrap
用法
导入到模块脚本中:
import { BsButton , BsBadge } from "@morbidick/bootstrap/elements.js"
或者,从CDN加载捆绑版本:
< script src =" https://unpkg.com/@morbidick/bootstrap@latest/dist/elem
【文件预览】:
bootstrap-webcomponents-master
----.circleci()
--------config.yml(941B)
----.gitignore(31B)
----README.md(2KB)
----rollup.config.js(641B)
----tests()
--------README.md(121B)
--------visual.js(3KB)
--------visual()
----LICENSE(1KB)
----elements.js(196B)
----package.json(1KB)
----CONTRIBUTING.md(3KB)
----helpers()
--------helpers.js(207B)
----styles()
--------colors.js(5KB)
--------type.js(1KB)
----.editorconfig(185B)
----elements()
--------button.js(5KB)
--------alert.js(2KB)
--------button-group.js(589B)
--------progress.js(2KB)
--------badge.js(2KB)
----package-lock.json(244KB)
----demo()
--------index.html(7KB)