Belleui
Bellui是一个基于 Web Components 的 UI 组件库,您可以在HTML
中,或者任何框架(如React, Vue, Angular)中使用。引入组件后,你可以随时随地的像使用原生html
标签一样使用组件。
为什么选择 Belleui
- 基于
Web Components
,能和其他框架结合使用,不用因为切换技术栈从而切换不用的UI框架。 - 支持主流浏览器。
- 提供丰富的UI组件。
相关资源:
组件
开始
在你的项目中使用 belleui
,你可以安装整个组件库到项目中,或者安装单个组件:
# 安装整个组件
npm install @belleui/belle-elements
# 安装button组件
npm install @belleui/belle-button
使用 Yarn 安装:
yarn add @belleui/belle-elements
如何使用
在 Web Components
项目中使用:
import { LitElement, html } from 'lit-element'
import '@belleui/belle-elements'
class MyApp extends LitElement {
render() {
return html`
<belle-button type="primary">Button</belle-button>
`
}
}
在 React
项目中使用:
开发
使用 yarn 作为你的包管理工具
git clone https://github.com/belleui/belleui.git
cd belleui
yarn
快速预览demo:
yarn storybook
开发:
# 编译 TS文件
yarn watch
# 预览demo
yarn storybook