neko-ui
v2.8.1
Published
WebComponents UI Libraries
Downloads
5,466
Maintainers
monekoReadme
Neko UI
🐾 🐾 🐾 🐾
这是一个基于 SolidJS、Typescript 开发的适用于任何技术栈的 WebComponents 组件库, 你可以在其他任意 web 框架中像
div一样使用它
安装
npm install neko-ui -S
# or
yarn add neko-ui -S使用
<n-button>按钮</n-button>在 html5 中使用
<!-- 引入 CDN 资源 -->
<script src="https://cdn.jsdelivr.net/npm/neko-ui/umd/index.js"></script>
<!-- 使用 -->
<body>
<n-button>按钮</n-button>
</body>按需引入
手动方式
// 按需引入
import 'neko-ui/es/button';
import 'neko-ui/es/date-picker';
// 全量引入
// import 'neko-ui';
// 使用
function Demo() {
return (
<div>
<n-button>按钮</n-button>
<n-date-picker></n-date-picker>
</div>
);
}使用 @moneko
// config/index.ts
import type { ConfigType } from '@moneko/core';
const conf: Partial<ConfigType> = {
// 按需引入
importOnDemand: {
'neko-ui': {
transform: 'es/${member}',
memberTransformers: ['dashed_case'],
},
},
};
export default conf;文档通过 @moneko/cli 生成
支持浏览器
| 
| 
| 
| 
| 
| 
|
| :-----------: | :-----------------: | :---------------: | :---------------: | :-----------------: | :-------------: |
| Edge 16+ | 70+ | 78+ | 10.1+ | 8.2+ | 48+ |
感谢
