https://github.com/dvshu/litos-ui
基于 Web Component 的 UI 组件库
https://github.com/dvshu/litos-ui
component ui web
Last synced: about 1 month ago
JSON representation
基于 Web Component 的 UI 组件库
- Host: GitHub
- URL: https://github.com/dvshu/litos-ui
- Owner: DvShu
- License: mit
- Created: 2024-11-17T15:52:29.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-04-11T19:26:13.000Z (about 1 month ago)
- Last Synced: 2025-04-11T20:30:39.548Z (about 1 month ago)
- Topics: component, ui, web
- Language: TypeScript
- Homepage: https://dvshu.github.io/litos-ui/
- Size: 6.14 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# litos-ui
源自于希腊语中，表示“简洁、朴素”的形容词 "λιτός" (`litós`)；所有组件均以 `l-` 为前缀，如 `l-button`、`l-input` 等。
采用原生 `Web Components` 作为技术栈，不依赖任何第三方库，可运行在现代浏览器上。跨平台、跨框架，可运行在 `React`、`Vue`、`Angular` 等框架中。
## 安装
```bash
npm install litos-ui
```
如果需要自动使用一些服务组件，例如: `Message`、`ModalBox` 等且需要自动引入样式时，需要安装 `litosui-unplugin-resolver`、`unplugin-auto-import` 插件。
```js
// vite.config.js
import AutoImport from "unplugin-auto-import/vite";
import LitosuiResolver from "litosui-unplugin-resolver";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
...,
AutoImport({
resolvers: [LitosuiResolver()],
dts: "src/auto-imports.d.ts",
}),
],
...
});
```
## 使用
引入相关组件并注册
```js
import { Button, regist } from "litos-ui";
regist([Button]); //
```
## 文档
[litos-ui 文档](https://dvshu.github.io/litos-ui/)
## 许可证
[](LICENSE)