Neko UI

🐾 🐾 🐾 🐾

这是一个基于 SolidJS、Typescript 开发的适用于任何技术栈的 WebComponents 组件库, 你可以在其他任意 web 框架中像 div 一样使用它

安装

npm install neko-ui -S
# or
yarn add neko-ui -S
# or
pnpm add neko-ui -S

使用

<n-button>按钮</n-button>

在 html5 中使用

<!-- 引入 CDN 资源 -->
<script src="https://cdn.jsdelivr.net/npm/neko-ui/lib/index.js"></script>
<script>
  const { Input } = NekoUI;

  // 在使用前注册一次就行
  NekoUI.registry(Input);
</script>
<!-- 使用 -->
<body>
  <n-input></n-input>
</body>

按需引入

neko-ui 默认支持基于 ES modules 的 tree shaking，直接引入 import { theme } from 'neko-ui'; 就会有按需加载的效果。

手动注册组件

// 按需引入
import { Button, DatePicker, registry } from 'neko-ui';

// 注册组件
registry(Button, DatePicker);

// 使用
function Demo() {
  return (
    <div>
      <n-button>按钮</n-button>
      <n-date-picker></n-date-picker>
    </div>
  );
}