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/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;